Jquery UI Tabs: How do i hide a tab and its corresponding div when i close it.

Question

I have used Jquery UI Tabs, and given close option to the tabs. By default i am creating three tabs and its corresponding three divs. Now when i close a tab then the tab and its div are removed. I need to just hide the tab and div and when i click Add Tab i should just show the hidden tab and div. I am not sure how to show/hide the tab and div property.

Thanks in advance.

Jeevi

Answer 1

Not 100% sure on the specific code, but try something like this to hide-and-not-delete the tab:

$( ".selector" ).tabs({
    remove: function(event, ui) { $(this).hide(); return false; }
});