I have nested tabs under Tab 4 as seen here: http://maxim.comze.com/tabs/

Some how when I click there it disappears, it's probably something to do with my javascript Hide code below, but I can't figure how to fix it, I did a search and I tried ways suggested but nothing worked for me:

Code:
var fade = function(id,s){
  s.tabs.removeClass(s.selected);
  s.tab(id).addClass(s.selected);
  s.items.fadeOut();
  s.item(id).fadeIn();
  return false;
};
$.fn.fadeTabs = $.idTabs.extend(fade);
$(".fade").fadeTabs();

$('.tabs')
    .tabs();

$('.tabs2')
    .tabs()
    .addClass('ui-tabs-vertical ui-helper-clearfix');