jQuery slideToggle() не работает в firefox и IE, но работает отлично в Chrome

У меня есть функция jQuery slideToggle(). Если я нажимаю на кнопку, ее сползание вниз, но ее получение исчезает за долю секунды в firefox и IE. Но он работает правильно в хроме. Я использовал три-четыре div в стороне и одну кнопку отправки. Это проблема. Пожалуйста, помогите по этому поводу. Проверьте код удара.jQuery slideToggle() не работает в firefox и IE, но работает отлично в Chrome

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
$("#moreqts").hide(); 
$("#continue_filling").click(function(){ 
$("#moreqts").slideToggle("slow"); 
}); 
}); 
</script> 


<form action="<?php $this->form->getAction(); ?>" method="post" style="<?php echo $mythoughtOptForm; ?>"> 
<div> 
<p id="continue_filling">Continue filling</p> 
</div> 
<div id="moreqts"> 
<div class="food"><table border="1px"><tr style="width:200px; text-align:center;"><td></td><td>Road Side</td><td>Indian</td><td>Fine Dining</td><td>Chinese</td><td>Thai</td><td>Continental</td><td>Italian</td></tr> 
<tr><td style="width:90px;">Places to eat</td><td><div class="field"> 
    <?php echo $this->form->places_junk_food->renderViewHelper(); ?> 
</div></td><td><div class="field"> 
    <?php echo $this->form->places_indian->renderViewHelper(); ?> 
</div></td><td><div class="field"> 
    <?php echo $this->form->places_fine_dining->renderViewHelper(); ?> 
</div></td><td><div class="field"> 
    <?php echo $this->form->places_chinese->renderViewHelper(); ?> 
</div></td><td><div class="field"> 
    <?php echo $this->form->places_thai->renderViewHelper(); ?> 
</div></td><td><div class="field"> 
    <?php echo $this->form->places_continental->renderViewHelper(); ?> 
</div></td><td><div class="field"> 
    <?php echo $this->form->places_italian->renderViewHelper(); ?> 
</div></td></tr> 
</table></div> 
    <div class="sub-field"> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="hidden" name="optForm" value="mythought"> 
    <input type="button" name="opt_back" id="opt_back" value="Back" style='width:100px;'>&nbsp;<input type="submit" name="submitOptMyThought" id="submitOptMyThought" value="Save" style='width:100px;'>&nbsp;<input type="button" name="later" id="later" value="Fill it Later" style='width:100px;'> 

</div>

источник

2013-03-09 pumpkin

Какой эффект вы пытаетесь достичь? Идентификатор «continue_filling» не имеет для меня никакого смысла, поскольку все, что он делает, это показать и скрыть «больше». Возможно, необходима ссылка на вашу страницу или лучшее объяснение – Dogoku

использование <!doctype html> если это HTML5, как я могу видеть, если вы использовали только src="" без type=text/javascript

источник

2013-03-09 12:36:53 steo

jQuery slideToggle() не работает в firefox и IE, но работает отлично в Chrome

ответ

Смежные вопросы