我怎麼能執行一個功能之後toggleClass與jQuery UI的

Question

的toggleClass（「顯示，彈出隱藏-彈出」）當動畫完成由$(parent).toggleClass('opened closed');

我怎樣才能做到這一點觸發只應叫什麼名字？

*$('.drawer-left-trigger').click(function() { 
      var parent = $(this).parent(); 
      $(parent).toggleClass('opened closed'); 
      $(parent).toggleClass('show-flyout hide-flyout') 
     });* 

這並沒有幫助：

$('.drawer-left-trigger').click(function() { 
      var parent = $(this).parent(); 
      $(parent).toggleClass('opened closed',function(){ 

        $(parent).toggleClass('show-flyout hide-flyout'); 
      }); 

     }); 

Answer 1

試試這個

$(parent).toggleClass('opened closed').promise().done(function(){ 
    setTimeout(function(){ 
     $(parent).toggleClass('show-flyout hide-flyout'); 
    },1000); 

    }); 

Answer 2

我猜你是使用CSS動畫的開啓/關閉，所以你應該聽時動畫結束，如：

$(parent).one('transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEndfunction', function() { 
    $(parent).toggleClass('show-flyout hide-flyout'); 
});