jQuery Гладкая скользящая высота DIV

Question

У меня есть Div, высота которого составляет 400 пикселей с идентификатором «content», затем я делаю слайд-тумблер на Div, загружаю некоторые данные в Div различной высоты, например 200px, а затем сделайте еще один слайдToggle. Я получаю слайд, который расширяется до 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

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

Пример:

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

Answer 2

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

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