как разделить функцию двух кликов?

Question

Я пытаюсь разделить эти две функции. Первая функция - открыть панель , а вторая функция - открыть показать / скрыть объект внутри панели , но каким-то образом, когда я нажимаю кнопку показать / скрыть, панель закрывается сама. нажмите ЗДЕСЬ , чтобы увидеть демо

---

вот 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/