SlideDown несколько элементов одновременно

0

У меня есть div для формы

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

внутри этого div, у меня есть несколько divs

пример

<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>

Я хотел бы slidedown все DIV гладко.

Я просто попробовал

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

он slidedown div by 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>

спасибо за помощь

  • 0
    Можете ли вы опубликовать скрипку ( jsfiddle.net )?
  • 0
    Можете ли вы сделать $ (". Row"). SlideDown (2000) ;?
Показать ещё 6 комментариев
Теги:

1 ответ

3

Оберните их все с помощью одного DIV, затем сместите этот родительский DIV вниз.

Если вы уже это делаете, то вполне вероятно, что на них есть другие div с классом = "form" - вероятно, генерируются тегами. Вместо этого измените родительский div на уникальное имя класса или ID и slideDown.

  • 0
    это то, что я сделал @ Джошуа, и он скользит вниз div на div, и это отрывисто
  • 1
    Можем ли мы увидеть вывод функции PHP? Вполне вероятно, что есть другие div с class = "form" на них. Измените родительский div на уникальное имя класса или идентификатор и вместо этого slideDown.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню