Load Any Tab First

Display second tab on page load:

4 Columns Layout
Camera Role
Sony Camera
Headphones
Girl Listening Music
3 Columns Layout

Curabitur aliquet quam id dui posuere blandit.

Curabitur aliquet quam id dui posuere blandit.

Curabitur aliquet quam id dui posuere blandit.

3 Columns Layout

Curabitur aliquet quam id dui posuere blandit.

Curabitur aliquet quam id dui posuere blandit.

Curabitur aliquet quam id dui posuere blandit.

You can easily display any tab active on page load. This is useful if you have specific flow of information that you want to present to your users. You can even hide all the tabs on page load by setting the active tab number to 0.

Display third tab on page load:

4 Columns Layout
Camera Role
Sony Camera
Headphones
Girl Listening Music
3 Columns Layout

Curabitur aliquet quam id dui posuere blandit.

Curabitur aliquet quam id dui posuere blandit.

Curabitur aliquet quam id dui posuere blandit.

2 Columns Layout

Donec rutrum congue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

Nulla porttitor accumsan tincidunt. Nulla porttitor accumsan tincidunt. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus suscipit tortor eget felis porttitor volutpat.

Hide all tabs on page load - ( Click any tab to display tab content )

4 Columns Layout
Camera Role
Sony Camera
Headphones
Girl Listening Music
3 Columns Layout

Curabitur aliquet quam id dui posuere blandit.

Curabitur aliquet quam id dui posuere blandit.

Curabitur aliquet quam id dui posuere blandit.

2 Columns Layout

Donec rutrum congue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Quisque velit nisi, pretium ut lacinia in, elementum id enim.

Nulla porttitor accumsan tincidunt. Nulla porttitor accumsan tincidunt. Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

Nulla quis lorem ut libero malesuada feugiat. Donec sollicitudin molestie malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus suscipit tortor eget felis porttitor volutpat.