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）

Answer 1

我认为您打算使用.slideUp()隐藏它。

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

注意，.slideUp()会自动将display设置为none。