Team:Tianjin/Team

From 2012.igem.org

(Difference between revisions)
Line 9: Line 9:
.container {
.container {
width: 870px;
width: 870px;
 +
margin: auto;
}
}
ul.tabs {
ul.tabs {
Line 94: Line 95:
$(".tab_content").hide(); //Hide all tab content
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
-
$(activeTab).fadeIn(); //Fade in the active content
 
-
return false;
 
-
});
 
-
});
 
-
</script>
 
-
</head>
 
-
<body>
 
-
<div class="container">
 
-
<ul class="tabs">
 
-
<li class="active"><a href="#tab1">The Whole Team</a></li>
 
-
<li><a href="#tab2" id="">tab2</a></li>
 
-
<li><a href="#tab3">tab3</a></li>
 
-
<li><a href="#tab4">tab4</a></li>
 
-
</ul>
 
-
<div class="tab_container">
 
-
<div id="tab1" class="tab_content" style="display: block;">
 
-
111111111111111
 
-
</div>
 
-
<div id="tab2" class="tab_content" style="display: none;">
 
-
222222222222222
 
-
</div>
 
-
<div id="tab3" class="tab_content" style="display: none;">
 
-
333333333333333
 
-
</div>
 
-
<div id="tab4" class="tab_content" style="display: none;">
 
-
444444444444444
 
-
</div>
 
-
    </div>
 
-
</div>
 
-
</body>
 
-
</html>
 
-
{{:Team:Tianjin/nowrapfooter}}
 

Revision as of 14:19, 24 September 2012