Javascript 如何分离两次点击功能？

我尝试将这两个函数分开。第一个功能是打开面板，第二个功能是打开面板内的显示/隐藏对象，但当我单击“显示/隐藏”按钮时，面板会自动关闭。点击查看演示

---

以下是我使用的javascript

$(document).ready(function(){

            $("#dock li").click(function(){
            if($(this).find("ul").css("left") != "40px")    {
            $(this).find("ul").animate({left:"40px"}, 200); } else {
            $(this).find("ul").animate({left:"-370px"}, 200); } 
            });

            $(".slidingDiv").hide();
            $(".show_hide").show();

            $('.show_hide').click(function(){
            $(".slidingDiv").slideToggle();
            });

            $(".slidingDiv1").hide();
            $(".show_hide1").show();

            $('.show_hide1').click(function(){
            $(".slidingDiv1").slideToggle();
            });

        });

---

---

有人能帮我吗？

您的第二次单击功能应该是：

$('.show_hide1').click(function(event){
    $(".slidingDiv1").slideToggle();
    event.stopPropagation();
});

---

有关更多信息，请参见

这不起作用。只需使用一个函数并添加一个条件即可显示或隐藏元素