slideToggle對不同的DIV有不同的效果

當我點擊第一個DIV時，slideToggle效果可以正確完成。當我點擊第二張照片時，它似乎不適用效果，內容突然出現。slideToggle對不同的DIV有不同的效果

第3個元素和第1個元素都是相同的，但第一個元素與第三個元素相同。

這是怎麼回事？（演示在這裏工作：http://jsfiddle.net/SW5sc/6/）

我有這樣的HTML結構：

<div class="subcategory">Option 1 </div> 
<div class="subcategoryContent"> 

    <div class="subcategoryOption"> 
     <div class="image"> 
      <img src="vista/imgs/grupales.gif" alt="Clases grupales" /> 
     </div> 

     <div class="text"> 
      TEXT 
     </div> 
    </div> 

</div> 

<div class="subcategory">Option 2</div> 
<div class="subcategoryContent"> 
    <div class="subcategoryOption"> 
     <div class="image"> 
      <img src="vista/imgs/grupales.gif" alt="Clases grupales" /> 
     </div> 

     <div class="text"> 
      TEXT 
     </div> 
    </div> 
</div>

這jQuery代碼：

$(".subcategory").click(function() { 
        $(this).next(".subcategoryContent").slideToggle(450).siblings(".subcategoryContent").slideUp(450); 
        return false; 
       });

來源

2012-06-08 Alvaro

其工作正常。檢查：http://jsfiddle.net/SW5sc/ –

http://jsfiddle.net/5KRBV/4/ hmm？ <確實的工作> –

那麼它可能與CSS有關？你可以看看我在這裏談論什麼：http://jsfiddle.net/SW5sc/6/ – Alvaro

從CSS中刪除所有的「浮動」 -properties，和它會工作得很好！ :-)花車破壞動畫..

來源

2012-06-08 20:27:06 pecka85

@Steve它解決了你的問題？ – pecka85

slideToggle對不同的DIV有不同的效果

回答

相關問題