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向下滑动。

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

一次SlideDown多个元素

1 个答案: