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