This is the simples tabs example, with tabs only with text inside. Just to demonstrate the different layouts you can achieve with DJ-Tabs. On other demo pages, you will find examples of different content inside the tabs as well as different themes.
Look at the menu on the left to see other demo pages of DJ-Tabs.
Accordions open on click
The most common usage, where accordion opens when you click on it
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Accordions open on hover
Just hover over the accordion to see its content
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Accordions with 2nd item opened by default
You can control which tab will be opened by default.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
All Accordions closed
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Accordions with icon/emoji/image in the accordion name
Insert one of the predefined icons, emoji, or image inside the accordion name, you can also mix them together
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Tab 2 with emoji 😃
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Tab 3 with and image: