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/

如何分开两个点击功能？

1 个答案: