Multiple/Nested Responsive Tabs

1. Responsive Tabs 2. Multiple 3. Ajax Tabs 4. Dynamic

Multiple or Nested
Auto Advance

Multiple Responsive Tabs

You can have multiple Responsive Tabs on a page, and they can be nested.

Example: Check out the nested tabs.

autoAdvance

The autoAdvance option in the script can be set to a number specifying the interval in seconds for auto slideshow. Setting the value to 0 will disable the auto advance fucntion.

Subtab A
Subtab B

Using diffent templates for each Responsive Tabs

Ask: I have multiple Responsive Tabs on the same page. Can I show them in different styles?

Answer: Yes. You can add id to certain elements and style them with the id selector.

CSS rules:

If multiple selectors apply to the same element, the one with higher specificity wins.
Inline styles have the highest priority.
ID selectors have a higher specificity than class selectors.