Skip to content

Using an Accordion Inside Tabs

Usage


Using an accordion inside a tab now works properly.  


How It Looks





How It Works


 There are now 'tab-item' and 'accordion-item' sub-shortcodes to prevent conflicts. You can still use just 'item' for tabs or accordions, but when mixing, use the prefixed version.
[tabs style="header"][tab-item title="Tab 1"][accordion] [accordion-item title="Section 1"] Section 1 information. [/accordion-item] [accordion-item title="Section 2"] Section 2 information.[/accordion-item] [accordion-item title="Section 3"] Section 3 information.[/accordion-item] [/accordion][/tab-item][tab-item title="Tab 2"]Hello World Again[/tab-item][tab-item title="Tab 3"]Hello World [/tab-item][/tabs]

Feedback and Knowledge Base