一次滑動多個元素

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向下滑動，效果非常難看。 由於它是單個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，然后將其向下滑動。