jquery - 一次滑下多个元素

Question

我有一个表单的 div

<div class="form" style="display:none">

在这个div里面，我有几个div

示例

<div class="row">
    <?php echo $form->labelEx($model,'comment'); ?>
    <?php echo $form->textField($model,'comment',array('size'=>60,'maxlength'=>140)); ?>
    <?php echo $form->error($model,'comment'); ?>
</div>

我想平滑地滑下所有的div。

我试过了

$(".form").slideDown(2000);  

它逐个 div 向下滑动，这会产生非常难看的效果。单个 div 如何滑动？

完整的表格如下

<p>
    <div class="form" style="">
        <form id="comment-form" method="post" action="/post/index.php/comment/create>
            <p class="note">
            Fields with
                <span class="required">*</span>
                are required.
            </p>
            <div id="comment-form_es_" class="errorSummary" style="display:none">
                <p>Please fix the following input errors:</p>
                <ul>
            </div>
            <div class="row">
                <label class="required" for="comment_comment">
                Comment
                <span class="required">*</span>
                </label>
                <input id="comment_comment" type="text" name="comment[comment]" maxlength="140" size="60">
                <div id="comment_comment_em_" class="errorMessage" style="display:none"></div>
            </div>
            <div class="row">
                <label class="required" for="comment_type_id">
                    Type
                    <span class="required">*</span>
                </label>
                <input id="comment_type_id" type="text" name="comment[type_id]">
                <div id="comment_type_id_em_" class="errorMessage" style="display:none"></div>
            </div>
            <div class="row buttons">
                <p>
                <input type="submit" value="Create" name="yt0">
            </div>
        </form>
    </div>
</p>
</div>

谢谢你的帮助

Answer 1

用一个 DIV 将它们全部包裹起来，然后将父 DIV 向下滑动。

如果您已经这样做了，那么很可能还有其他带有 class="form"的 div - 可能是由标签生成的。将父 div 更改为唯一的类名或 ID，然后将其向下滑动。