jquery - jQuery UI を使用してページ コンテンツのスライド ダウンを保持するプッシュ効果を使用して連絡先フォームをスライドさせる

Question

jQueryを使用して連絡先フォームを下にスライドさせるために、次を使用していました。

$("#panel").slideDown(1000);

ここで何が起こるかというと、ページの残りのコンテンツが下にスライドしてコンタクト フォームに対応することです。上部が最初に表示されるように、フォームを「明らかに」します。「プッシュ」効果が欲しいのですが、ここで検索すると、jQuery UI を含めると次のようになります。

$("#panel").show("slide", { direction: "up" }, 1000);

それは何をしますか。ただし、ページの残りのコンテンツはフォームに合わせてスライドするのではなく、フォームに合わせて正しい位置に突然ジャンプします。

フォームを「押し下げる」ことと、ページのコンテンツを下にスライドさせることなど、両方の効果を得るにはどうすればよいですか?

HTML

<div id="panel">

<div id="contact-form">

*FORM*

</div></div>

CSS

#panel {
    display:none;
}

#contact-form {
    width: 840px;
    height:auto;
    position:relative;
    left:50%;
    margin-left:-420px;
}