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.
[tabs titles="Title One, Tab Two, Tab Three"]
[pane]Tab One Content[/pane]
[pane]Tab Two Content[/pane]
[pane]Tab Three Content[/pane]
[/tabs]

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.

[accordion]
[apane title="First Pane"]Pane One Content[/apane]
[apane title="Second Pane"]Pane Two Content[/apane]
[apane title="Third Pane"]Pane Three Content[/apane]
[/accordion]