Difference between revisions of "Team:Virginia/Project"
| Line 32: | Line 32: | ||
<div id="tabs-wrapper"> | <div id="tabs-wrapper"> | ||
<div class="container"> | <div class="container"> | ||
| + | <div class="tab-wrap"> | ||
<div class="tab"> | <div class="tab"> | ||
<p>Project Background</p> | <p>Project Background</p> | ||
</div> | </div> | ||
| + | <div class="tab-hidden"> | ||
| + | <!-- HIDDEN EXPANDABLE CONTENT--> | ||
| + | <p>CONTENT</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <script type="text/javascript"> | ||
| + | jQuery(document).ready(function(){ | ||
| + | $("#tabs-wrapper div:nth-child(1)").click(function(){ | ||
| + | |||
| + | $("#tabs-wrapper .tab:nth-child(1) .tab-hidden").css("display","block"); | ||
| + | $("#tabs-wrapper .tab:nth-child(1)").toggleClass("clicked"); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | <div class="tab-wrap"> | ||
<div class="tab"> | <div class="tab"> | ||
<p>Glucose and Fructose</p> | <p>Glucose and Fructose</p> | ||
</div> | </div> | ||
| + | </div> | ||
| + | <div class="tab-wrap"> | ||
<div class="tab"> | <div class="tab"> | ||
<p>Glycogen and Levan Production</p> | <p>Glycogen and Levan Production</p> | ||
</div> | </div> | ||
| + | </div> | ||
| + | <div class="tab-wrap"> | ||
<div class="tab"> | <div class="tab"> | ||
<p>SacB and Cytotoxicity</p> | <p>SacB and Cytotoxicity</p> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 254: | Line 275: | ||
margin-left:15%; | margin-left:15%; | ||
margin-top:25px; | margin-top:25px; | ||
| + | } | ||
| + | .clicked { | ||
| + | height:auto; | ||
| + | padding-bottom:50px; | ||
| + | box-shadow:5px 5px 10px black; | ||
| + | } | ||
| + | .tab-hidden{ | ||
| + | display:none; | ||
} | } | ||
/* SPECIFIC STYLE CODE ENDS HERE */ | /* SPECIFIC STYLE CODE ENDS HERE */ | ||
</style> | </style> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 17:30, 6 July 2015
House of Carbs: The Project
Project Background
CONTENT
Glucose and Fructose
Glycogen and Levan Production
SacB and Cytotoxicity