親Liがアクティブな間にJquery、Childsが1つずつアクティブになる

Question

liがアクティブなときにliの子要素をアクティブにしようとしています。これまではliからliに切り替えて子をアクティブにできますが、順番に表示されず、ランダムな動きがあります。もし誰かが私を助けることができれば、私はとても感謝しています。

var toggleChild = function() { 
    $(".on span").children('a').children('span').removeClass('ready'); 
    $(".on span.active").removeClass().next().add(".on span:first").last().addClass("active").children('a').children('span').addClass('ready'); 
}; 

var toggleSlide = function() { 
    $("#slider li.on").removeClass().next().add("#slider li:first").last().addClass("on"); 
    setInterval(toggleChild, 500); 
}; 

setInterval(toggleSlide, 3000); 
$("#slider .active a#open span").addClass("ready");​ 

これまでに作ったもののリンクです。 http://jsfiddle.net/MS5DV/13/

Answer 1

toggleSlide()の定期的な間隔は3000に設定されています。

toggleSlideを呼び出すたびに、新しい繰り返し間隔がtoggleChild()に開始されます。

3秒ごとにもう1秒間隔が開始されます（これを永久に続けます）。/ が主な目的である場合は、 `li`：私はあなたがsetTimeout(toggleChild, 500);toggleSlide()内部