jquery .tabs在鼠标悬停或悬停时旋转和停止

Question

当鼠标悬停在标签上时，我正试图让标签上的旋转停止（#features-tabs）当我将鼠标悬停在内容（.ui-tabs-panel）上时它停止但是我不是能够为选项卡执行此操作。我尝试了几件事，但它没有用。

谢谢，这是我的代码：

$(document).ready(function(){  
                    $("#featured-tabs").tabs({ event: 'mouseover',fx:{opacity: "toggle"}}).tabs("rotate", 4000, true);  
                    $(".ui-tabs-panel").hover(function() { $("#featured-tabs").tabs("rotate",0,true); 
                                }, function() { $("#featured-tabs").tabs("rotate",4000,true);  } );



                    $("#featured ul.ui-tabs-nav li#nav-fragment-1 a").click(function()  { window.location = "<@ofbizUrl>${MP1_3url}</@ofbizUrl>"; });
                    $("#featured ul.ui-tabs-nav li#nav-fragment-2 a").click(function()  { window.location = "<@ofbizUrl>${MP2url}</@ofbizUrl>"; });
                    $("#featured ul.ui-tabs-nav li#nav-fragment-3 a").click(function()  { window.location = "<@ofbizUrl>${MP3url}</@ofbizUrl>"; });


                    });