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

奇怪的是，这似乎并没有使任何事情同时发生，但当我删除

显示：none

并单击

.t

它将向下滑动并消失。

尝试以下操作：

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

---

slideUp

不起作用，因为元素已隐藏。将其更改为

slideDown

，您将看到它出现；相反，将CSS设置为可见，您将看到它消失

这是一个可以玩的游戏。

根据您的编辑，它看起来好像您正试图使项目在隐藏后显示。slideUp用于让项目执行向上滑动的动画，如百叶窗，然后最终隐藏，而不是显示

---

也许您正在寻找？

也许您可以使用

来完成此操作。slideDown（）

：

或者您也可以尝试使用

.slideToggle（）

---

变量声明必须在脚本之前，而不是在脚本之后更改

$（doc）

到

$（doc）

@DrixsonOseña如果你说的是

var

，那么它们与其他任何东西都能很好地协同工作（我把其他东西都删掉了，因为它太长了）。@Pranavc，注意底部的

var

，正如我对Drixson说的，它们很好用。请发布HTMLtoo@user3117575 ;) 没问题。第二双眼睛总是能帮我做些鬼鬼祟祟的小事情。是的，我认为

向下和
向上意味着它滑动的方向。滑动切换工作得很好，这就是我要找的谢谢老兄
$(doc).ready(function () {
   $('.t').click(function () {
      $('#Notify').slideDown(600);
   });
});

var doc = document;
var win = window;