javascript – jQuery .slideUp()无效

我遇到了一个我似乎无法理解的问题.

这是我的jQuery代码：

var doc = document;
var win = window;
$(doc).ready(function(){
        $('.t').click(function(){
            $('#Notify').slideUp(600);          
        });
});

代码要长得多,但我把它缩短了,只是问题所在.

这是#Notify的CSS

#Notify {
    display: none;
    bottom: 0;
    right: 0;
    position: fixed;
    background: rgba(0,0.6);
    height: 100px;
    width: 100%;
}

奇怪的是,这似乎并没有让所有事情发生在一起,但当我删除显示：无;然后单击.t它将向下滑动并消失.

解决方法

slideUp无效,因为您的元素已被隐藏.将它更改为slideDown,你会看到它出现;相反,将CSS设置为可见,您将看到它消失.

这是一个jsFiddle玩.

原文地址：https://www.jb51.cc/jquery/156472.html