Multiple/Nested Responsive Tabs

Multiple Responsive Tabs

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

Example: Check out the nested tabs.


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.

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.