Jquery pour maintenir la valeur cochée dans le bouton radio

Question

J'ai deux boutons radio,

<div class="class1"> 
<span><input name="chk1" type="radio" checked="checked" id="check1"/>Option 1</span> 
<span><input name="chk2" type="radio" id="check2"/>Option 2</span> 
</div> 

Maintenant, je suis l'affichage d'un div caché à l'aide Jquery lorsque le bouton radio avec un ID check1 est cliquée et cachant la même div lorsque le bouton radio avec un ID CHECK2 est cliqué, voici le code pour cela,

$(document).ready(function(){ 
    $("#check1").click(function(){ 
              $("#detail").slideDown("slow"); 
    }); 


    $("#check2").click(function(){ 
              $("#detail").slideUp("slow"); 
    }) 
}); 

Mon problème est, lorsqu'un ID check1 est cliqué (Div apparaît maintenant) et les valeurs sont affichées sur le serveur et tout en revenant à la même page, le div ne s'affiche pas, même si l'opti sur check1 est cliqué. Y at-il un autre moyen de conserver la div en utilisant attr: checked ou quelque chose? Appréciez votre aide ...

Answer 1

$(document).ready(function(){ 
    if ($("#check1:checked").length) { 
     $("#detail").slideDown("slow"); 
    } 

    $("#check1").click(function(){ 
     $("#detail").slideDown("slow"); 
    }); 


    $("#check2").click(function(){ 
     $("#detail").slideUp("slow"); 
    }) 
}); 

Answer 2

Vérifiez la démo en ligne de travail http://jsfiddle.net/kbsYS/ .. Je suppose que cela est ce que vous voulez réellement

Votre code jquery est juste .. problème est dans votre HTML vous devez utiliser le même nom Radio boîte

HTML

<div class="class1"> 
<span><input name="chk1" type="radio" checked="checked" id="check1"/>Option 1</span> 
<span><input name="chk1" type="radio" id="check2"/>Option 2</span> 
</div>