jQuery Tabs

Create simple secondary navigation in the content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien mi, rhoncus vel luctus sit amet, fermentum in tortor. Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.
Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.
Nam sapien mi, rhoncus vel luctus sit amet, fermentum in tortor. Duis et metus at arcu scelerisque hendrerit in vel lacus. In posuere dapibus erat, sed tempus justo gravida quis. Vivamus pellentesque neque et mi dignissim ornare. In hac habitasse platea dictumst. Nunc orci mauris, luctus in egestas placerat, feugiat sit amet lorem. Nunc dictum urna vitae lacus consequat ac porta dui fermentum. Fusce convallis, mauris quis hendrerit vestibulum, justo erat placerat ante, ac mattis turpis dui ut sem.
Tab One Content
Tab Two Content
Tab Three Content

Accordion

 

First Pane

Ut quis felis erat, eget bibendum elit. Curabitur dolor arcu, porttitor et tincidunt non, feugiat et diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque massa massa, aliquet in congue eu, pulvinar sed magna. In mattis tristique leo sed auctor.
Ut quis felis erat, eget bibendum elit. Curabitur dolor arcu, porttitor et tincidunt non, feugiat et diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque massa massa, aliquet in congue eu, pulvinar sed magna. In mattis tristique leo sed auctor.

Second Pane

Ut quis felis erat, eget bibendum elit. Curabitur dolor arcu, porttitor et tincidunt non, feugiat et diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque massa massa, aliquet in congue eu, pulvinar sed magna. In mattis tristique leo sed auctor.
Ut quis felis erat, eget bibendum elit. Curabitur dolor arcu, porttitor et tincidunt non, feugiat et diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque massa massa, aliquet in congue eu, pulvinar sed magna. In mattis tristique leo sed auctor.

Third Pane

Ut quis felis erat, eget bibendum elit. Curabitur dolor arcu, porttitor et tincidunt non, feugiat et diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque massa massa, aliquet in congue eu, pulvinar sed magna. In mattis tristique leo sed auctor.
Ut quis felis erat, eget bibendum elit. Curabitur dolor arcu, porttitor et tincidunt non, feugiat et diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque massa massa, aliquet in congue eu, pulvinar sed magna. In mattis tristique leo sed auctor.

First Pane

Pane One Content

Second Pane

Pane Two Content

Third Pane

Pane Three Content

Leave a comment