jQuery slideToggle()이 Firefox 및 IE에서는 작동하지 않지만 Chrome에서는 정상적으로 작동합니다.

Question

slideToggle() jQuery 함수를 사용하고 있습니다. 만약 내가 아래로 슬라이딩 버튼을 클릭하지만 그것의 점점 파이어 폭스와 IE에서 초의 일부로 사라집니다. 그러나 크롬에서 제대로 작동합니다. 나는 그것의 옆에 3-4 개의 div와 하나의 제출 버튼을 사용했다. 그것은 문제인가? 이걸 도와주세요. 타격 코드를 확인하십시오.

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

Answer 1

는 HTML5 당신이 달성하려고하는 어떤 영향을