如何分开两个点击功能

how to separate two click function?

本文关键字：两个 功能      更新时间：2023-09-26

我试着把这两个函数分开。第一个函数是打开面板，第二个函数是打开面板内的显示/隐藏对象，但不知何故，当我单击显示/隐藏按钮面板关闭自己。点击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();
            });
        });
有谁能帮帮我吗?

你的第二个点击功能应该是:

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

更多信息请参见http://api.jquery.com/event.stopPropagation/

相关文章：