SlideDown或SlideUp效果设置高度

Question

如何执行slideDown()或slideUp()效果，但我不想关闭我的div，我只想设置height，但要执行slideDown() {1}}或slideUp()效果。

示例

<div id="modalNovoTicket" style="height: 600px;"></div>

$("#modalNovoTicket").slideUp("slow", function () {
    $(this).css("height", "400px");
});

问题

使用此代码，我的div关闭

Answer 1

我认为这就是你想要的：

$("#modalNovoTicket").animate({
    'height': '500px'
}, 500);

Answer 2

您正在寻找animate()方法。

$(...).animate({ height: 400 }, "slow");

Answer 3

使用动画：

$("#modalNovoTicket").animate({height:400},"slow");

Answer 4

改为使用animate()：

$("#modalNovoTicket").animate({
  height: "400px"
});

请参阅DEMO。

您还可以按整数（以毫秒为单位）或字符串（"slow"，"fast"）指定动画速度：

$("#modalNovoTicket").animate({
  height: "400px"
}, 500);

动画完成后要执行的代码块：

$("#modalNovoTicket").animate({
  height: "400px"
}, 500, function() {
  alert("Animation complete!");
});

Answer 5

您正在寻找animate()方法。

试试这段代码

$("#modalNovoTicket").animate({
    height: 400
}, 600)

Answer 6

您可以尝试使用.animate()方法，延迟时间600用于slow速度，400用于中速，200用于快速。这里的延迟时间将以毫秒为单位。

 $("#modalNovoTicket").animate({
        height: "400px"
    }, 600);