jQuery平滑滑動DIV高度

我有一個高度爲400px的Div，ID爲「content」，然後在div上做一個slideToggle，將一些數據加載到不同高度的Div中。 200px，然後做另一個slideToggle。我得到的是幻燈片擴大到400px，然後跳回到200px。反過來，擴展到200px，然後跳轉到400px。jQuery平滑滑動DIV高度

這是我的代碼：

$('#content').slideToggle(600, function() { 
    $("#content").load('data.php').slideToggle(600); 
});

所以我想我可以做這樣的事情，這將向上滑動內容事業部，裝載數據，然後它的加載滑背下來了。這不會像上面的方法那樣跳躍，但由於某種原因，它非常不穩定。

$('#content').slideUp(600, function() { 
    $("#content").load('data.php', function() { 
     $("#content").slideDown(600); 
    }); 
});

有人可以告訴我，如果有更好的方法來做到這一點，我可以順利地滑動它嗎？

來源

2010-03-11 StuR

你使用的是什麼版本的jQuery？ – 2010-03-11 15:27:45

對不起，我正在使用jQuery版本1.4.2。 – StuR 2010-03-11 15:29:28

在data.php剛剛在這個問題中缺少單引號，對吧？不是在實際的代碼中。 – 2010-03-11 15:33:59

$('#content').slideUp(600, function() { 
    $("#content").load('data.php', function() { 
     $("#content").slideDown(600); 
    }); 
});

這產生最好的結果。

來源

2010-03-16 09:09:52 StuR

我有類似的問題。我可以通過設置div高度來解決此問題，然後再向上滑動。

實施例：

$("#myDiv").height($("#myDiv").height()); 
$("#myDiv").slideUp();

來源

2010-03-11 15:39:49

jQuery平滑滑動DIV高度

回答

相關問題