У меня есть 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>
спасибо за помощь
Оберните их все с помощью одного DIV, затем сместите этот родительский DIV вниз.
Если вы уже это делаете, то вполне вероятно, что на них есть другие div с классом = "form" - вероятно, генерируются тегами. Вместо этого измените родительский div на уникальное имя класса или ID и slideDown.