jQuery Minimal Tabs Examples
Amazing: Now you can use multiple groups with tabs!
Multiple groups Responsive Responsive Test Responsive Test Responsive Test Images
-
As stated above, you can now have multiple groups of tabs across your page. Try it!
Remember to assign different ID's for each group, including the ID of each tab!
-
The tabs are now responsive. Try resizing your browser and check it out!
-
The tabs are now responsive. Try resizing your browser and check it out! :-|
-
The tabs are now responsive. Try resizing your browser and check it out! :-)
-
The tabs are now responsive. Try resizing your browser and check it out! :-D
-
Insert and use images inside your tab content!
In this case, start this group with the third tab open.
-
Content of first tab.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
-
Content of second tab.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
-
Content of third tab.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aenean commodo ligula eget dolor.
- Aenean massa.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.