"
Team:Tianjin/Team
From 2012.igem.org
(Difference between revisions)
| Line 9: | Line 9: | ||
.container { | .container { | ||
width: 870px; | width: 870px; | ||
| - | |||
} | } | ||
ul.tabs { | ul.tabs { | ||
| Line 95: | Line 94: | ||
$(".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:27, 24 September 2012
111111111111111
