jQuery simple setInterval to slideToggle

Question

我正在尋找使用slideToggle()自動每10秒左右一些divs。在下面的例子中，我希望SET 2到slideToggle()在10秒之後，10秒之後，我想SET 3到slideToggle()，之後10秒鐘，我想循環和slideToggle() SET 1回到（有點像旋轉木馬插件）：

<style> 
    .ftdmfg2, .ftdmfg3 { 
     display:none; 
    } 
</style> 

<div align="center" id="featuredmfgs"> 
    <h2>Featured Manufacturers</h2> 
    <div class="ftdmfg1"> SET 1 </div> 
    <div class="ftdmfg1"> SET 1 </div> 
    <div class="ftdmfg1"> SET 1 </div> 
    <div class="ftdmfg1"> SET 1 </div> 
    <div class="ftdmfg2"> SET 2 </div> 
    <div class="ftdmfg2"> SET 2 </div> 
    <div class="ftdmfg2"> SET 2 </div> 
    <div class="ftdmfg2"> SET 2 </div> 
    <div class="ftdmfg3"> SET 3 </div> 
    <div class="ftdmfg3"> SET 3 </div> 
    <div class="ftdmfg3"> SET 3 </div> 
    <div class="ftdmfg3"> SET 3 </div> 
</div> 

Answer 1

這個jQuery腳本應該做你想要的東西：

$(function() { 
var num = 1; 
var nummax = 3 
var toggletime = 10000; 
setTimeout(toggle, toggletime); 

function toggle() { 
    $('.ftdmfg'+num.toString()).slideToggle(); 
    num++; 
    if (num > nummax) num = 1; 
    $('.ftdmfg'+num.toString()).slideToggle(); 
    setTimeout(toggle, toggletime); 
} 

}

Answer 2

相當好這裏的例子 - Jquery slideToggle

Answer 3

function slideSet(setNum) { 
    //jquery slide 
    var nextSet = setNum +1; 
if(nextSet > 3) 
nextSet = 1; 

setTimeout(function() { slideSet(nextSet); }, 10000); 
}