The nice thing about these tabs (the reason I chose to use these specifically) is that you can have multiple instances on a page. Just give each tab set’s list and div pane a unique class, make sure to rename the styles to correspond to these unique classes, and don’t forget to include one function per tab set to activate them! You get some interesting results if you don’t use unique classes, like one tab set controlling what’s visible in another tab set.

Also, it is important to note that any child or descendant div will be hidden by default. However, since we can’t simply exclude the usage of divs within the tab panes (I want to be able to put whatever I want in them!), just put style=”display: block” on each descendant div.

You can leave a response, or trackback from your own site.