2014-02-09 36 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