Team:Uppsala/Templates/top template

From 2014.igem.org

(Difference between revisions)
Line 100: Line 100:
     <div id="tab4">Four - content</div>
     <div id="tab4">Four - content</div>
 +
<script>
 +
 +
$(document).ready(function() {
 +
    $("#content div").hide(); // Initially hide all content
 +
    $("#tabs li:first").attr("id","current"); // Activate first tab
 +
    $("#content div:first").fadeIn(); // Show first tab content
 +
   
 +
    $('#tabs a').click(function(e) {
 +
        e.preventDefault();       
 +
        $("#content div").hide(); //Hide all content
 +
        $("#tabs li").attr("id",""); //Reset id's
 +
        $(this).parent().attr("id","current"); // Activate this
 +
        $('#' + $(this).attr('title')).fadeIn(); // Show content for current tab
 +
    });
 +
})();
 +
 +
</script>
            
            

Revision as of 16:26, 2 July 2014

Project

Failed to load tracking. JS is probably not enabled

One - content
Two - content
Three - content
Four - content