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;
        });
    });