jQuery Toggle() Ausgabe

Question

Ich bin ein Skript aus dieser Diskussion mit: https://wordpress.stackexchange.com/a/14711/14649

Es funktioniert gut, aber wenn ich einen anderen Funkeingang wählen, wird die Originalverpackung nicht wechseln off (sehr schlecht), aber die neue Box erscheint (gut). Dies geschieht für alle zusätzlichen Felder, die ich hinzufüge.

jQuery ist nicht mein Ding, und ich habe herum ohne Glück erforscht! Hier ist mein Code:

<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> 

Danke für einen Blick!

Answer 1

Der Grund, warum die andere Box nicht verschwindet, ist, weil Sie es nicht gesagt haben!

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

Dies sagt die Sichtbarkeit von #feature_box zu wechseln, wenn Sie auf #value_feature_box klicken. Wenn #value_feature_box kein Kontrollkästchen ist, ändern Sie den inneren Code in $("#feature_box").toggle();. Wenn Sie etwas wollen, als auch verschwinden, sagen sie dann:

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

Der Wert auf der Innenseite des Knebels() Klammern sagt es entweder zu erscheinen oder verschwinden (wahr oder falsch).

Answer 2

Sie sind nur eine Box auf Klick Makeln - müssen Sie beide wechseln, finden Sie in diesem jsFiddle:

• http://jsfiddle.net/Gr8Jq/

Mit diesem (und ähnlich für die anderen Kasten):

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

Sie sagen im Grunde - wenn geklickt (so this.checked wird immer wahr sein), schalten Sie das Element. Aus der Dokumentation:

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

Sie die Version von Toggle verwenden, die showOrHide Parameter und wobei immer wahr, so dass immer zeigt und nur das Feld, das auf geklickt wurde hat.