jQuery UI Tabs - Collapsing tab content when mouse leaves area

jQuery UI Tabs - Collapsing tab content when mouse leaves area

Hello!

I'm currently using the following code to collapse tabs: 

$( ".tabs" ).tabs({
      collapsible: true,
      active: false,
      event: "mouseover"
});

This collapses the tab when you hover your mouse over the active tab button. 

I would like it so that when you have an active tab and you move your mouse outside the tabs content area, the tab will close. 

Is this possible?

I hope that made some sense!

And any help would be appreciated. 


    • Topic Participants

    • peter