Smart Tabs

We've added extra javascript to make the bootstrap tabs more intelligent, so they:

  1. Open the correct tab if it's id is the hash in a URL.
  2. Update the current page URL if the active tab is changed.
  3. Show a tab if an link pointing to its id is clicked.
  4. Show a tab if a link to an element inside that tab is clicked.

This is a link to the first tab.
This is a link to an element inside the first tab.

This is a link to the second tab.
This is a link to an element inside the second tab.

This is a link to the third tab.
This is a link to an element inside the third tab.

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus gravida ipsum nec mauris ornare suscipit.

A subtitle with an id

Morbi id gravida eros, quis dignissim augue. Mauris vehicula, tortor ut facilisis interdum, mauris est rutrum est, in maximus felis dolor hendrerit massa.

This is a link to an element inside the second tab.

Tab 2

Maecenas fermentum nibh id tristique pharetra. Quisque consequat cursus odio. Phasellus sit amet leo lectus. Pellentesque sit amet ultrices nulla.

A subtitle with an id

Aliquam quis venenatis metus. Nullam leo elit, sodales vel purus et, maximus aliquam dolor. Integer laoreet sapien ante, ut porta dui aliquam id.

This is a link to an element inside the third tab.

Tab 3

Phasellus egestas quis magna ut ullamcorper. Nam lobortis tempus bibendum. Pellentesque condimentum accumsan leo, sed elementum magna posuere vitae.

A subtitle with an id

Curabitur facilisis velit ut libero mattis, eu eleifend elit mollis. Quisque vel consectetur nunc.

This is a link to an element inside the first tab.