如何讓一些東西看起來像從jquery頂部展開

Question

看到這個問題。

How to show popup message like in stackoverflow

我試圖去jQuery中從上優雅地出現在懸，就像有人拉它的底部，這一切遵循有它的淡出，而不是。

我不能弄清楚如何在jQuery中做到這一點。

你能幫忙嗎？

Answer 1

這應該使用幻燈片。

$(document).ready(function() { 
     $("#message").slideDown("slow"); 
     $("#message a.close-notify").click(function() { 
      $("#message").slideUp("slow"); 
      return false; 
     }); 
    }); 

Answer 2

然後利用slideToggle。

http://jsfiddle.net/62HeB/1

不知道你是如何觸發它，所以我用了一個按鈕。

div { 
    position: fixed; 
    top: 0; 
    width: 200px; 
    border: 1px solid gray; 
    background: lightgray; 
    border-radius: 0px 0px 5px 5px; 
    padding: 5px; 
    left: 50%; 
    margin-left: -100px; 
}