コンテンツを含むdivでコンテンツをアニメーション化する

私はフォームを取得しました。ユーザーがそれを送信すると、ヘッダーの下のフォーム入力の上にコールバックがフェードインします。今はちょうどフォーム入力を少し下げていますが、私が望むのはそれがゆっくりと下に移動することです。コンテンツを含むdivでコンテンツをアニメーション化する

ラフHTML-コード：

<body> 
<div class="formbox"> 
    <h1>My Header</h1> 

    <div id="callbackDiv"></div> 

    <div id="formContent"> 
     // My different HTML-Input-Elements 
    </div> 
</div> 
</body>

div要素 'formboxは' フォーム全体の周りの背景をラップします。 'callbackDiv'でメッセージがポップアップします。私が得たいのは、 'formContent'がゆっくりと下降し、 'formbox'の背景も伸びるということです。コールバックの表示に問題はありません。必要なのは、 'formContent'と 'formbox'のアニメーション部分だけです。

jQueries .animateと.slideDownが見えましたが、どのように動作するかわかりませんでした。

出典

2017-02-27 Wulthan

設定callbackDiv初期状態へ：潜在的にあなたはAJAX呼び出しからコンテンツを取得している場合

// Javascript (Jquery) 
$("#callbackDiv").slideDown("fast");

：あなたはcallbackDivの使用内に表示するコンテンツを取得あなたのコールバックで次に

// CSS 
display: none

$("#callbackDiv").html(your_content).slideDown("fast");

出典

2017-02-27 10:53:12

ありがとう、私はCSSパーツが問題だったと思います – Wulthan

コンテンツを含むdivでコンテンツをアニメーション化する

答えて

関連する問題