Difference between revisions of "Team:Virginia/Project"
Line 32: | Line 32: | ||
<div class="nav-wrapper"> | <div class="nav-wrapper"> | ||
<ul class="nav nav-tabs"> | <ul class="nav nav-tabs"> | ||
− | <li class="active"><a href=" | + | <li class="active"><a href="overview">Project Overview</a></li> |
− | <li><a href=" | + | <li><a href="background">Background</a></li> |
− | <li><a href=" | + | <li><a href="glucose-and-fructose">Glucose and Fructose</a></li> |
− | <li><a href=" | + | <li><a href="glycogen-and-levan">Glycogen and Levan</a></li> |
− | <li><a href=" | + | <li><a href="sacB">sacB and Cytotoxicity</a></li> |
</ul> | </ul> | ||
<div class="tab-content"> | <div class="tab-content"> | ||
− | + | <div id="overview" class="tab-pane fade in active"> | |
+ | <div class="tab-content-box"> | ||
+ | <h3>Project Overview</h3> | ||
+ | <p>Some content, yo.</p> | ||
+ | <p>Some content, yo.</p> | ||
+ | <p>Some content, yo.</p> | ||
+ | <p>Some content, yo.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="background" class="tab-pane fade"> | ||
<div class="tab-content-box"> | <div class="tab-content-box"> | ||
<h3>Project Background</h3> | <h3>Project Background</h3> | ||
Line 367: | Line 376: | ||
/* SPECIFIC STYLE CODE ENDS HERE */ | /* SPECIFIC STYLE CODE ENDS HERE */ | ||
</style> | </style> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(document).ready(function(){ | ||
+ | $('.nav-tabs li:nth-child(1)').click(function(){ | ||
+ | activaTab('overview'); | ||
+ | }); | ||
+ | $('.nav-tabs li:nth-child(2)').click(function(){ | ||
+ | activaTab('background'); | ||
+ | }); | ||
+ | $('.nav-tabs li:nth-child(2)').click(function(){ | ||
+ | activaTab('background'); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | function activaTab(tab){ | ||
+ | $('.nav-tabs a[href="#' + tab + '"]').tab('show'); | ||
+ | }; | ||
+ | |||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 18:23, 4 July 2015