javascript - 如何分离两个点击功能？

Question

我尝试将这两个功能分开。第一个函数是打开一个面板，第二个函数是打开显示/隐藏面板内的对象，但是不知何故当我点击显示/隐藏按钮时面板关闭本身。点击 HERE查看演示

---

这是我使用的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();
            });

        });

---

谁能帮帮我？

Answer 1

你的第二次点击函数应该是:

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

有关详细信息，请参阅 http://api.jquery.com/event.stopPropagation/