javascript - jQuery.slideDown 立即完成

Question

我正在尝试做一个简单的滑出效果，然后添加一个类display:none;

但由于某种原因，jQuery 动画会立即完成，而不是像文档所说的那样使用持续时间。我尝试使用不同的值和“慢”/“快”。查看 Chrome 开发者工具中的源代码，DOM 会立即更新。删除回调也不会使动画工作，在这种情况下它什么也不做。

$('.type-panel').slideDown(500, function () {
    $(this).addClass('panel-hidden')
});

<div class="ed-panel type-panel">
    //bunch of stuff
</div>

我错过了什么？

（我引用了 jQuery 和 jQueryUI）

score 0 · Accepted Answer

我想你的意思是.slideUp()用来隐藏它。

$('.type-panel').slideUp(500, function() {
    $(this).addClass('panel-hidden');
});

注意，.slideUp()将添加自动设置display为none.

1 回答 1