$(document).ready(function(){

    $('#tabs div').hide(); // Hide all divs

    $('#tabs div:first').show(); // Show the first div

    $('#tabs div:first > div').show(); // Show inside divs

    $('#tabs ul li:first').addClass('active'); // Set the class for active state

    $('#tabs ul li a').click(function(){ // When link is clicked

    $('#tabs ul li').removeClass('active'); // Remove active class from links

    $(this).parent().addClass('active'); //Set parent of clicked link class to active

    var currentTab = $(this).attr('href'); // Set currentTab to value of href attribute

    var currentTabInside = currentTab + ' div';

    $('#tabs div').hide(); // Hide all divs

    $(currentTab).show(); // Show div with id equal to variable currentTab

    $(currentTabInside).show(); // Show div with id equal to variable currentTab

    return false;

    });

    });