.hide（）的作品，但然後顯示以前的動畫？

Question

我有一個問題，我的動畫完美地工作，但是當.hide（）;觸發它只是回到slideDown（）;功能。

我在抓我的頭，雖然我假設它正在運行動畫，因爲以前的點擊仍然是活動的？

$('div.SocialShareJob').on('click', function(){ 
    $(this).find('p').slideUp(300).fadeOut(500); 
    $(this).find('.Icons').slideDown(500).fadeIn(900); 
}); 
$('div.CloseSharing').on('click', function(){ 
    $(this).parent('div.Icons').hide(); 
}); 

Answer 1

你需要stop尚未完成的動畫，並清除隊列：

$('div.CloseSharing').on('click', function(event){ 
    $(this).parent('div.Icons').stop(true).hide(); 
}); 

如果closeSharing DIV是另一個的孩子，你可能還需要停止click事件傳播給父母。爲此，請將event.stopPropagation()添加到事件處理程序的開頭：

$('div.CloseSharing').on('click', function(event){ 
    event.stopPropagation(); 
    $(this).parent('div.Icons').stop(true).hide(); 
});