2014-02-09 40 views
0

我想切换div与jquery显示隐藏子项目。我正尝试在切换打开事件和关闭事件时将父类添加到父项。我们如何追踪切换事件? Here is fiddleJquery切换事件不叫

$("#flip").click(function(){ 
    $("#panel").toggle(); 
}); 

$("#panel").toggle(
    function() { 
    alert("first event"); 
    }, function() { 
    alert("second event"); 
    }); 
+0

没有触发事件 - 的slideToggle()切换显示是 - 它不会触发任何事件 –

+0

,对不起,那是的slideToggle这几乎是相似的切换。 – Kurkula

+0

SlideToggle只有一个功能,而不是两个。 – j08691

回答

1

调用slideToggle()里面的时候,你可以决定你的元素是否或滑动上下可以指定complete回调。

$("#flip").click(function(){ 
    $("#panel").slideToggle(function() { 
     if($(this).is(':visible')) { 
      alert('Panel is visible'); 
      // code to add class. "this" refers to the panel here 
     } 
     else { 
      alert('Panel is not visible'); 
      // code to remove class. "this" refers to the panel here 
     } 
    }); 
}); 

更新fiddle