jQueryタブアニメーションコントローラで一時停止と再生

Question

私はjQueryタブをカロカルに使用しましたが、再生と一時停止のようなコントロールボタンが必要です。以下は私のコントロールです。

<p id="carusalSwitch">Autoplay 
    <span class="on">On</span> | <span class="off">Off</span> 
</p> 

次に、タブのアニメーションがページloaging一時停止している（停止）は、ボタンの相互作用によって、それを再生することができ、またその逆。以下はクエリコード、

// when loaded carousal is paused, off text is change to bold 
$('#carusalSwitch .off').css('fontWeight','bold'); 

// when user click on "ON" link 
$('#carusalSwitch .on').click(function() { 
$('#featured > ul').tabs({fx:{opacity: 'toggle'}}).tabs('rotate', 3000, true); 
    $(this).css('fontWeight','bold'); 
$('#carusalSwitch .off').css('fontWeight','normal'); 
}); 

// when user click on "OFF" link   
$('#carusalSwitch .off').click(function() { 
$('#featured > ul').tabs(); 
    $(this).css('fontWeight','bold'); 
$('#carusalSwitch .on').css('fontWeight','normal'); 
}); 

"ON"リンクをクリックするとアニメーションが開始されますが、オフにするとアニメーションは継続します。 何が間違いでしょうか？

はさえ、私は

$('#featured > ul').tabs().clearQueue().stop(); 

しかし運、次のコードを追加してみました。

$('#featured > ul').unbind('toggle').unbind('rotate'); 

Answer 1

$('#featured > ul').tabs('rotate', null, true); 

私は上記のように使用する場合、それは正常に動作します：

Answer 2

はこれを試してみてください。