javascript - .slideDown()不起作用

这应该很容易，但是我在Google上进行了检查，但没有找到任何相关信息。

我在做：

        $notification.slideDown(1000, function(){
            $('#notifications').append($notification);
        });

但是它并没有下滑。它正在显示而没有任何动画。也没有错误。

.slideUp()正常工作。
我在这里做错了什么？

jsFiddle

最佳答案

更改

  $notification.slideDown(1000, function () {
     $('#notifications').append($notification);
 });

至

  $('#notifications').append($notification.hide());
        $notification.slideDown(1000);

slideDown不起作用的原因是因为在添加元素时该元素可见

DEMO

另请注意，当您滑动通知时，应将其删除，因为否则您将有多个通知发生

$closeButton.click(function () {
    $(this).parent().slideUp(function () {
        $(this).remove();
    });
});

关于javascript - .slideDown()不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21277374/