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

Question

这是对已修复的预览代码问题的更新。我现在要做的是添加第二次点击可链接 li 来隐藏 mykadd div 并重新显示 mykink。

这是我正在尝试做的示例... http://jsfiddle.net/eWtaz/1/它有点有效，但有问题

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

Answer 1

你就不能这样做吗？

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

按照您现在的方式，$("#myklnk1") 点击事件嵌套在 $("#myklnk2") 点击事件内部。