jquery - 如何使用 jquery 使某些东西看起来从顶部展开

Question

看到这个问题。

如何在stackoverflow中显示弹出消息

我试图让悬垂从顶部优雅地出现在 jquery 中，就像有人在拉它的底部，这一切都跟随而不是让它淡入。

我无法弄清楚如何在 jQuery 中执行此操作。

你能帮我吗？

Answer 1

那就好好利用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;
}

Answer 2

这应该使用幻灯片工作。

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