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:27, 2 July 2014

Project

Failed to load tracking. JS is probably not enabled

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