Comments on: jQuery Tools 101: Nested Tabs

By: Rosenet Solutions Inc.

Rosenet Solutions Inc. — Fri, 26 Feb 2010 17:39:10 +0000

jQuery Nested Tabs with ASP.NET User Controls…

I recently started using jQuery and stumbled upon a great example by Jared Santo for using nested tabs with jQuery Tools. I decided I’d take it a step further and add dynamic content using ASP.NET user controls. The original code is extremely s…..

By: Ptarmigan2

Ptarmigan2 — Tue, 15 Sep 2009 13:48:22 +0000

Used w php/mysql, could you implement nested tabs in the following way:

top level tabs - number of top level tabs varies according to number of rows returned: i.e 3 rows returns generates 3 tabs and associated html elements e.g

sublevel tabs (nested ones) - fixed number of tabs, each one displaying info from the relevant row

As I'm a newb, I wonder if there are examples of this sort of code anywhere to learn from.

By: Ptarmigan2

Ptarmigan2 — Tue, 15 Sep 2009 06:48:22 +0000

sublevel tabs (nested ones) - fixed number of tabs, each one displaying info from the relevant row

As I'm a newb, I wonder if there are examples of this sort of code anywhere to learn from.

By: orbitalnz

orbitalnz — Mon, 10 Aug 2009 22:40:28 +0000

Does not work for me with a second set of nested tabs in tab 2 div. The code evaluates ALL nested tabs – not limited the one in the selected tab. So if I have 3 second set of nested tabs then the 3rd tab will work since it have not been evaluated for the first set of nested tabs containing only 2 tabs.

By: Ronin Six

Ronin Six — Sat, 01 Aug 2009 20:34:24 +0000

This is working ok for you? Nested tab contents still set to display:none for some reason. Have a working demo somewhere I can view the code? Much appreciated.

By: Phil Elms

Phil Elms — Wed, 22 Jul 2009 12:43:48 +0000

Thanks, that saved me some work.
You can also use named anchors instead of '#1', '#2' which has the effect of making the links work if Javascript is off in the browser.