javascript - jQuery .slideUp() 不工作

Question

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

这是我的 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,0,0.6);
    height: 100px;
    width: 100%;
}

奇怪的是，这似乎并没有使任何事情一起发生，但是当我删除 display: none; 并单击 .t 时，它会向下滑动并消失。

Answer 1

slideUp 不起作用，因为您的元素已被隐藏。将其更改为 slideDown，您会看到它出现；相反，将 CSS 设置为 visible，您会看到它消失了。

这是一个 jsFiddle一起玩。