jquery tabs

[surreal5335]

I have a taken some code from an internet source which works just fine, that creates a tab setup. The only thing is I need it to go one more level of content down. So basically the first tab displays another section of tabs which will each open up their own grouped content below w/out hiding the second group of tags.

My jquery so far is as follows. The cells section at the bottom is the one created based off the second one which holds the grouped content that was selected by the second set of tabs.

$(document).ready(function() {
// setting the tabs in the sidebar hide and show, setting the current tab
	$('div.tabbed div').hide();
	$('div.celled div').hide();
	$('div.t1').show();
	$('div.tabbed ul.tabs li.t1 a').addClass('tab-current');

// SIDEBAR TABS
$('div.tabbed ul li a').click(function(){
	var thisClass = this.className.slice(0,2);
	$('div.tabbed div').hide();
	$('div.' + thisClass).show();
	$('div.tabbed ul.tabs li a').removeClass('tab-current');
	$(this).addClass('tab-current');
	});
});
/*
// SIDEBAR CELLS
$('div.celled table a').click(function(){
	var thisClass = this.className.slice(0,2);
	$('div.celled div').hide();
	$('div.' + thisClass).show();
	$('div.celled table.cell a').removeClass('cells-current');
	$(this).addClass('cells-current');
	});
});

currently it all works except the 2cd set of tabs hides when I try to open 3rd grouped content.

here is my website:

http://royalvillicus.com/code_builder/header.php


Thanks a lot for your help

[tomws]

The second set of tabs are in a div. You have this in the inner link click event:

$('div.tabbed div').hide();

If you don't want it hidden, you probably shouldn't hide it.

EDIT: No. After thinking about that for a minute, that's incomplete (bad) advice. Looks like you may be working on it right now since it's a bit different than before. I noticed that the first link in the second list has an onclick.