Question

I’m looking to use slideToggle() on some divs automatically every 10 seconds or so. In the example below I want SET 2 to slideToggle() in after 10 seconds, 10 seconds after that, I want SET 3 to slideToggle() in, 10 seconds after that, I want to loop around and slideToggle() SET 1 back in (kind of like the carousel plugin):

<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

This jQuery script should do what you wanted:

$(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);
}

}