jQuery .slideUp（）not working

Question

私は理解できないような問題に遭遇しました。ここで

はjQueryのための私のコードです：

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

コードが多くなりましたが、それだけで問題だところ、私はそれを短縮しました。ここ

が#Notify

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

のための私のCSSで奇妙なことに、これは何も、すべて一緒に実現するようには見えませんが、私はdisplay: none;を削除し、.tをクリックしたときには、下にスライドして消えます。

Answer 1

slideUpが機能していません。それをslideDownに変更すると、表示されます。逆に、CSSをvisibleに設定すると、それが消えるのがわかります。

ここにはjsFiddleがあります。あなたの編集に基づいて

Answer 2

はこれを試してください：あなたの要素がすでに隠されているので、

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

Answer 3

jQuery slideUp documentation

あなたは隠された後、項目表示をしようとしているかのように、それが表示されます。 slideUpは、ウィンドウブラインドのように上方にスライドするアニメーションを実行するアイテムを取得し、最終的に表示されない非表示にするためのものです。

おそらくslideDownをお探しですか？

Answer 4

は、あなたが.slideDown()でこれを行うことができますことがあります

$(doc).ready(function() { 
    $('.t').click(function() { 
     $('#Notify').slideDown(600); 
    }); 
}); 

var doc = document; 
var win = window; 

Fiddle for .slideDown()

またはあなたも.slideToggle()で試すことができます。あなたは `var`年代の話をしている場合

Fiddle for .slideToggle()