$(document).ready(function(){
    
    //when page loads...
    $(".tab_content").hide(); //hide all content
    $("ol.tabs li:first").addClass("active").show();  //Activate first tab
    $("ol.tabs li:first a").css("color", "#2A306A");
    $(".tab_content:first").show(); // show first tab content
    //on click event
    $("ol.tabs li").click(function(){
    $("ol.tabs li").removeClass("active"); //remove any "active" class
    $("ol.tabs li a").css("color" , "black"); // color for unselected anchor tag
    $(this).addClass("active"); // add "active" class to selected tabs
    $(".tab_content").hide(); // hide all tab content
    var activeTab = $(this).find("a").attr("href"); // find href attribute value to identify the active tab + content
   // var activeTab = $(this).find("a").attr("onclick"); // find href attribute value to identify the active tab + content
    $(activeTab).fadeIn(); // fadeIn the active ID content
   // alert(activeTab);
    $(this).find("a").css("color", "#2A306A"); // color for selected for anchor tag
    return false;
    });
    });