同時向下滑動div和.fadeIn（）內容，反之亦然？

Question

我有一個外部div包含內部div。

我想滑動外部div，而外部div滑落內部div應淡入淡出。

我不想在正在滑落的外部div中淡入淡出！

我得到它通過給內部內容的最低高度與一些workarround工作，褪色，在但當內部內容具有可變高度它就會變得混亂..

是否有一個很好的解決方案這個問題可用？

我創建了一個小提琴來證明我的問題： http://jsfiddle.net/6Brxv/

驗證碼： HTML：

<a href="#" onclick="$('#outer1').slideToggle().find('.inner div').fadeToggle();">Toggle (will work)</a> 

<div id="outer1" class="outer"> 
    <div class="inner"> 
     <div class="item">Hallo1</div> 
    </div> 
    <div class="inner"> 
     <div class="item">Hallo2</div> 
    </div> 
    <div class="inner"> 
     <div class="item">Hallo3</div> 
    </div> 
</div> 

<br /><br /> 

<a href="#" onclick="$('#outer2').slideToggle().find('.inner div').fadeToggle();">Toggle (will not work)</a> 

<div id="outer2" class="outer"> 
    <div class="inner"> 
     <div class="item">Hallo1! We have more height than 50px! <br />#<br />#<br />#<br />#<br />#<br />#</div> 
    </div> 
    <div class="inner"> 
     <div class="item">Hallo2! We have more height than 50px! <br />#<br />#<br />#<br />#<br />#<br />#</div> 
    </div> 
    <div class="inner"> 
     <div class="item">Hallo3! We have more height than 50px! <br />#<br />#<br />#<br />#<br />#<br />#</div> 
    </div> 
</div> 

CSS：

.outer { 
    background-color: red;  
} 

.inner { 
    min-height: 50px; 
} 

Answer 1

傳遞queue: false參數：

$('#element').fadeIn({ duration: 1000, queue: false }); 
$('#child').slideDown(1000); 

這將允許jQuery移動到幻燈片而無需等待淡出完成。