jQuery的切换（）问题

Question

我用一个脚本讨论：https://wordpress.stackexchange.com/a/14711/14649

它的伟大工程，但是当我选择一个不同的无线输入，原箱不切换关闭（坏），但新框确实出现（好）。这发生在我添加的任何附加框上。

jQuery不是我的东西，我一直在研究，没有运气！这里是我的代码：

<script type='text/javascript'> 
jQuery(document).ready(function($) { 
     $('#feature_box').hide(); 
     $('#standard_lead').hide();    

     // one box 
     $('#value_feature_box').is(':checked') ? $("#feature_box").show() : $("#feature_box").hide(); 
     $('#value_feature_box').click(function() { 
      $("#feature_box").toggle(this.checked); 
     }); 

     // second box 
     $('#value_standard_lead').is(':checked') ? $("#standard_lead").show() : $("#standard_lead").hide(); 
     $('#value_standard_lead').click(function() { 
      $("#standard_lead").toggle(this.checked); 
     }); 
    }); 
</script> 

感谢您的参观！

Answer 1

其他盒子不消失的原因是因为你没有告诉它！

$('#value_feature_box').click(function() { 
    $("#feature_box").toggle(this.checked); 
}); 

这说的是当您点击#value_feature_box时切换#feature_box的可见性。如果#value_feature_box不是复选框，则将内部代码更改为$("#feature_box").toggle();。如果你想要的东西消失为好，然后告诉它：

$('#value_feature_box').click(function() { 
    $("#feature_box").toggle(); 
    $("#standard_lead").toggle(); 
}); 

价值上的切换内部（）括号内告诉它要么出现或消失（true或false）。

Answer 2

您切换只有一个点击框 - 你需要切换两种，看到这样的jsfiddle：

• http://jsfiddle.net/Gr8Jq/

有了这个（和其他盒子类似）：

$('#value_feature_box').click(function() { 
     $("#feature_box").toggle(this.checked); 
    }); 

你基本上是说 - 点击时（因此this.checked将始终为真），切换元素。从文档：

• http://api.jquery.com/toggle/

您使用切换的版本有showOrHide参数总是传递true，所以总是显示，只有被点击的复选框。