如何區分兩個點擊功能？

Question

我嘗試分離這兩個功能。第一個功能是打開一個面板，第二個功能打開顯示/隱藏面板內的對象，但不知何故，當我點擊顯示/隱藏按鈕面板關閉本身。點擊HERE看到演示

---

這裏是我以前

$(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(); 
      }); 

     }); 

---

任何人都可以幫我請的JavaScript？

Answer 1

你的第二個點擊功能應該是：

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

欲瞭解更多信息請參閱http://api.jquery.com/event.stopPropagation/