Using Hover And Click With Jquery Ui Tabs?

I am using the following code for my jQuery UI tabs: $('#tabs').tabs({ fx: { opacity: 'toggle', duration: 400 }}).tabs('rotate', 1000); $('#tabs').hover(function() { $('#ta

Solution 1:

Try this

$('#tabs').tabs({ 
    fx: { opacity: 'toggle', duration: 400 }
}).tabs('rotate', 1000);

$("#tabs").hover(
    function() {
        $("#tabs").stop();
    },
    function() {
        $("#tabs").tabs("rotate",1000);
    }
);

$("#tabs").click(
    function() {
        $("#tabs").stop(true);
    }
);

Solution 2:

just a week ago i looked for the same issue. Now i created an extesion: Pause on Hover for jQuery UI Tabs Rotate