jQuery hide/show content

Question

私はどのように非表示にして、後でユーザーがボタン（チェックボックス）をクリックしたときにコンテンツを表示するかわかりません。私はコードを作ったが動作しません。チェックボックスをオンにすると、コンテンツは非表示になりません。 フリーリストのコンテンツが表示されずに2番目に表示されるチェックボックスをユーザーがクリックしたときにmakeします。ユーザーがチェックボックスを再度クリックすると、フリーリストのコンテンツが表示され、2番目が非表示になります。

<script> 
$(document).ready(function(){ 
    $("#skin_rasa").click(function() { 
     if ($('#skin_rasa').css('display') == 'none') 
     { 
      $("#_hsync_skin_menu_id").hide("slow", function() { 
       $("#_hsync_skin_menu_rasa").show("slow"); 
      });   
     } 
     if ($('#skin_rasa').css('display') != 'none') 
     { 
      $("#_hsync_skin_menu_rasa").hide("slow", function() { 
       $("#_hsync_skin_menu_id").show("slow"); 
      });   
     } 
    }); 
});  
</script> 

@EDIT：私は間違いをしたところ、私が見ました。今は動作しますが、1回目のクリックでのみ動作します。

<script> 
$(document).ready(function(){ 
    $("#skin_rasa").click(function() { 
     if ($('#_hsync_skin_menu_id').css('display') != 'none') 
     { 
      $("#_hsync_skin_menu_id").hide("slow", function() { 
       $("#_hsync_skin_menu_rasa").show("slow"); 
      });   
     } 
     if ($('#_hsync_skin_menu_id').css('display') == 'none') 
     { 
      $("#_hsync_skin_menu_rasa").hide("slow", function() { 
       $("#_hsync_skin_menu_id").show("slow"); 
      });   
     } 
    }); 
});  
</script> 

Answer 1

単にあなたが
更新トグル使用することができます。作業例：http://jsfiddle.net/j999y/1725/

<input type="checkbox" id="myCheckBox">Toggle 
    <p id="myContent"> 
    Here is your content 
    </p> 
    <p id="anotherContent" > 
    Here is another content content 
    </p> 

JS：

$("#myCheckBox").click(function() {  
     $('#myContent').toggle("slow"); 
     $('#anotherContent').toggle("slow"); 
    });