动画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初始状态：

// CSS 
display: none

然后在回调，当你到显示callbackDiv使用里面的内容：

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

潜在的，如果你正在从一个Ajax调用的内容（我猜）你可以这样做：

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

来源

2017-02-27 10:53:12

谢谢，这工作，我认为CSS部分是问题 – Wulthan

动画div与内容向下移动

回答

相关问题