Difference between revisions of "Team:Virginia/Project"
| Line 28: | Line 28: | ||
</div> | </div> | ||
| − | <!-- OTHER STRUCTURAL CODE GOES BELOW HERE - | + | <!-- OTHER STRUCTURAL CODE GOES BELOW HERE → |
| + | <div id="upper-div"> | ||
<h1>House of Carbs: The Project</h1> | <h1>House of Carbs: The Project</h1> | ||
| + | <p>(click a tab to reveal more information)</p> | ||
| + | </div> | ||
<div id="tabs-wrapper"> | <div id="tabs-wrapper"> | ||
<div class="container"> | <div class="container"> | ||
| − | <div class="tab"> | + | <div class="tab" id="tab1"> |
<p>Project Background</p> | <p>Project Background</p> | ||
| − | <div class="tab-content"> | + | <div class="tab-content" id="tab-content1"> |
<h1>BLAH BLAH</h1> | <h1>BLAH BLAH</h1> | ||
<p>CONTENT</p> | <p>CONTENT</p> | ||
| Line 41: | Line 44: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <script type="text/javascript"> | ||
| + | jQuery(document).ready(function(){ | ||
| + | $("#tab1").click(function(){ | ||
| + | $("#tab1","#tab-content1").toggleClass("active"); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
<div class="single-tab-wrapper"> | <div class="single-tab-wrapper"> | ||
<div class="tab"> | <div class="tab"> | ||
| Line 275: | Line 285: | ||
.tab-content { | .tab-content { | ||
font-size:15px; | font-size:15px; | ||
| − | + | display:none; | |
} | } | ||
.hidden-div { | .hidden-div { | ||
| Line 285: | Line 295: | ||
margin-left:5%; | margin-left:5%; | ||
padding:15px; | padding:15px; | ||
| − | border-radius:10px; | + | border-radius:10px; |
| + | } | ||
| + | #upper-part p { | ||
| + | font-size:12px; | ||
| + | color:white; | ||
| + | text-align:center; | ||
| + | } | ||
| + | .active { | ||
| + | height:auto; | ||
| + | padding-bottom:30px; | ||
| + | box-shadow: 5px 5px 10px black; | ||
| + | display:inline-block; | ||
} | } | ||
Revision as of 16:05, 7 July 2015
