什麼時候不jQuery的slideDown工作，但slideUp呢？

Question

我遇到了slideDown的問題。而不是整齊地滑下來元素開始「搖動」，而不是直接出現沒有動畫。另一方面，SlideUp完美地工作。

我做了一個的jsfiddle：當您單擊+按鈕時發生http://jsfiddle.net/4x4PK/1/

的問題。 ×按鈕工作得很好。

有一些JS插件，有問題的on.('click' ...)代碼一直在底部。

Answer 1

好了，好像我找到了解決辦法。問題是我認爲slideDown函數需要在動畫開始之前知道元素的高度（瞭解動畫的端點）。

當我用after（）添加元素時，現在說出它的高度還爲時過早。

• 該元素必須已經插入，否則它的高度爲零。
• 元素必須不可見已經

最後，我發現這個工作液：

$(this).closest('.smoking-rate').after($el); 
$el.hide().slideDown() 

有人可以確認，高度的原因，它沒有工作？

Answer 2

您應該將效果基本show動畫完成後讓你到了slideDown電話：

$el.slideUp(1).slideDown('slow') 

應該

$el.slideUp(1, function(){ 
    $el.slideDown('slow'); 
});