jQuery простой setInterval для slideToggle

Question

Я хочу использовать slideToggle() для некоторых делений автоматически каждые 10 секунд или около того.В приведенном ниже примере я хочу, чтобы от 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

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

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

Answer 3

Довольно хороший пример здесь - Jquery slideToggle