Tab 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe molestias obcaecati sed at accusantium odio quam doloremque tenetur? Vitae, nam sequi consequatur voluptates odit eum temporibus incidunt veritatis aliquid repellendus!

Tab 2

Voluptatum, voluptate, cupiditate, nisi, quo pariatur eum quidem asperiores expedita dolorem magnam illum eligendi adipisci labore. Molestias, ipsa, officiis, totam, officia quas consequuntur ut sunt repellat reiciendis error quisquam minima!

Tab 3

Saepe, cum, eligendi, placeat minus at sit optio soluta vitae blanditiis inventore sint adipisci atque illum cumque rem repellat necessitatibus ducimus quibusdam culpa temporibus. Perspiciatis, aliquam molestias dicta a ab?

Tab 4

Ipsam, non, reprehenderit aperiam aliquam distinctio quia sequi fugit cupiditate in eaque alias eius quisquam autem. Atque, voluptatem dignissimos rerum impedit soluta corporis vero aspernatur dolorem quas autem enim suscipit.

Tab 5

Maxime, amet, quasi, cupiditate assumenda nihil similique corporis explicabo cumque blanditiis quaerat ab optio nulla fuga ea laudantium unde sunt recusandae ducimus eos molestias ad molestiae dignissimos numquam dolor magni.

    
/* Tabs v2 */

$(document).ready(function() {

    function tabs(opts) {

        // define default settings
        var defaults = {
            'selected': 4,
            'time': 300
        }

        var settings = $.extend({}, defaults, opts), // extend defaults with the opts that are inputted into the function
            tabContainer = $("#tabs"),
            tabs = tabContainer.find("div"),
            headings = tabs.find("h2"), // get all the h2s
            headingsText = headings.text(),
            headingsLength = headings.length, // count the number of headings
            nav = "",
            navLinks = "",
            currentLink = settings.selected, // integer
            currentTime = settings.time; // integer

            // add the nav before the tabs
            tabContainer.before('