jQuery гладкий скользящий див.

Question

У меня есть Div, высотой 400 пикселей в высоту с идентификатором «контент», я затем делаю Slidetoggle на Div, загружаю некоторые данные в Div различной высоты, например, 200px, а затем делаю еще один слайдтоггл. Что я получаю, так это расширение слайда до 400 пикселей, а затем перепрыгнуть до 200 пикселей. И то же самое в обратном направлении, расширяясь до 200px, затем прыгает до 400px.

Это мой код:

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

Поэтому я подумал, что смогу сделать что -то подобное, что сдвинуло бы содержимое DIV, загрузил данные, а затем после того, как он загружен, скользит обратно вниз. Это не прыгает, как приведенный выше метод, но по какой -то причине он довольно резко.

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

Может ли кто -нибудь сказать мне, есть ли лучший способ сделать это, чтобы я мог проложить это гладко?

Answer 1

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

Это дает лучшие результаты.

Answer 2

У меня была похожая проблема. Я смог исправить эту проблему, установив высоту div, прежде чем скользить.

Пример:

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