Question

我不知道如何隐藏，稍后在用户点击按钮（复选框）时显示内容。我做了代码，但它不起作用。当我点击复选框时，内容将不会隐藏。当用户点击内容隐藏且第二个显示的复选框时，我想要make。如果用户再次点击内容显示和第二个隐藏的复选框。

<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：我看到了我错误的地方。现在它可以工作，但只在第一次点击。

    <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");
   });

jQuery隐藏/显示内容

1 个答案: