jQuery在隐藏代码后重新显示div

这是对已修复的预览代码问题的更新。我现在做的是添加第二次单击linkable

li

以隐藏mykadddiv并重新显示mykink

这是我尝试做的一个例子。。。它有点工作，但它有四轮马车

<li id="myklnk2">Show Main System</li>
<li id="myklnk1">Un/Select system</li>

<script type="text/javascript">
$(document).ready(function(){
    $(".mykadd").hide();    
    $("#myklnk2").on("click", function(){
        $(".mykink, .mykadd").slideToggle();

    $("#myklnk1").on("click", function(){
        $(".mykadd, .mykink").slideToggle();
    });
    });
});
</script>

显示主系统 取消/选择系统 $（文档）.ready（函数（）{ $（“.mykadd”）.hide（）； $（“#myklnk2”）。在（“单击”，函数（）{ $（“.mykink，.mykadd”）.slideToggle（）； $（#myklnk1”）。在（“单击”，函数（）{ $（.mykadd.mykink”）.slideToggle（）； }); }); });

---

只需确定闭包的位置即可

---

你就不能这么做吗

<li id="myklnk2">Show Main System</li>
<li id="myklnk1">Un/Select system</li>

<script type="text/javascript">
$(document).ready(function(){
    $(".mykadd").hide();    
    $("#myklnk2").on("click", function(){
        $(".mykink").slideUp();
        $(".mykadd").slideDown();
    });
    $("#myklnk1").on("click", function(){
        $(".mykadd").slideUp();
        $(".mykink").slideDown();
    });
});
</script>

显示主系统 取消/选择系统 $（文档）.ready（函数（）{ $（“.mykadd”）.hide（）； $（“#myklnk2”）。在（“单击”，函数（）{ $（“.mykink”）.slideUp（）； $（“.mykadd”）.slideDown（）； }); $（#myklnk1”）。在（“单击”，函数（）{ $（“.mykadd”）.slideUp（）； $（“.mykink”）.slideDown（）； }); });

---

同样按照现在的方式，$（“#myklnk1”）click事件嵌套在$（#myklnk2”）click事件中。

不要将第二个click事件附加到第一个click处理程序中，因为这发生在触发第二次单击的事件传播之前。

位于错误的位置。

您可以做的另一件事是同时选择
li
来绑定事件，并改用
display:none

html

$(document).ready(function(){   
    $("#myklnk2, #myklnk1").on("click", function(){
        $(".mykink, .mykadd").slideToggle();
    });
});​

css

.mykadd {
    display: none;
}


.mykadd {
    display: none;
}