Comments on: Advanced jQuery Tabbed Box Techniques

By: 100 Popular jQuery Examples, Plugins and Tutorials

100 Popular jQuery Examples, Plugins and Tutorials — Sat, 06 Mar 2010 23:35:06 +0000

[...] natural queuing of animations is easy to code and user can move on to other important tasks 70. Rotate Through Tabbed Content – Through this functionality of jQuery, the movement is more likely to catch the user’s eyes, [...]

By: links for 2009-11-02 « toonz

links for 2009-11-02 « toonz — Mon, 02 Nov 2009 23:13:52 +0000

[...] Advanced jQuery Tabbed Box Techniques (tags: css javascript ui jquery tabs) [...]

By: 8courtyard

8courtyard — Tue, 06 Oct 2009 18:25:30 +0000

SUPER SUPER SUPER SUPER SUPER :)

Exactly what I was looking for. Love it’s functionality, it’s simplicity and it’s ease of use.

Many thanx 4 a superb piece of code.

By: Harry

Harry — Wed, 17 Jun 2009 20:45:21 +0000

Thats great, thanks! that really helps a lot.

By: Rob Glazebrook

Rob Glazebrook — Wed, 17 Jun 2009 15:17:13 +0000

Hi Harry,

The fix for that is really simple… just take out the reference in the first line of code to the equalheights plugin:

$(“.tabbed-content”).equalHeights();

With that line removed, the box will change size depending on which tab is open. I didn’t design it that way initially because I assumed that most often the box would be surrounded by other content, and it could get annoying if all that other content was constantly moving up and down depending on which tab was open.

Hope that helps!

By: harry

harry — Wed, 17 Jun 2009 10:34:37 +0000

This works great all except one thing. They box height stays the same regardless of the content. It fixes the height to the tab with the most content. This can be fixed by using display: block, but then the tabs don’t rotate automatically.

Does anyone know how to fix this?

By: » 100 Popular jQuery Examples/Plugins

» 100 Popular jQuery Examples/Plugins — Sat, 11 Apr 2009 04:21:11 +0000

By: Jottae

Jottae — Mon, 16 Mar 2009 17:53:56 +0000

Thanks Rob
very great work
simple and cool

By: sergej

sergej — Sun, 15 Mar 2009 12:22:06 +0000

Great work! Thanks!

By: Sklep Wędkarski

Sklep Wędkarski — Sun, 01 Mar 2009 10:20:05 +0000

Here is some more JS and Ajax tabs -> http://tutorialblog.org/10-javascript-ajax-tabs/