Team:Hong Kong HKUST/wetlab/notebook
From 2014.igem.org
(Difference between revisions)
Line 93: | Line 93: | ||
<div id="content_container"> | <div id="content_container"> | ||
<div class= "banner_area"> | <div class= "banner_area"> | ||
- | <img src= | + | <img src= 'https://static.igem.org/mediawiki/2014/3/3c/HKUST_2014_pneumosensor_banner.jpg' /> |
<!--banner should be larger and height should be more than 400px--> | <!--banner should be larger and height should be more than 400px--> | ||
</div> | </div> | ||
Line 99: | Line 99: | ||
<div id="description_area"> | <div id="description_area"> | ||
<h2>Notebook</h2> | <h2>Notebook</h2> | ||
- | |||
- | |||
</div> | </div> | ||
- | + | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $('.head').each(function(){ | ||
+ | var $content = $(this).closest('div').find('.content'); | ||
+ | $(this).click(function(e){ | ||
+ | e.preventDefault(); | ||
+ | $content.not(':animated').slideToggle(); | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <style> | ||
* { margin:0; padding:0; } /* a simple reset */ | * { margin:0; padding:0; } /* a simple reset */ | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.head { | .head { | ||
Line 136: | Line 144: | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
</style> | </style> | ||
- | < | + | |
- | + | <div id="flight"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div id="satu" align="center"> <h2>June 2013</h2> | |
- | <div id="satu" align="center"> < | + | |
<div> | <div> | ||
Line 248: | Line 202: | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id="satu" align="center"> < | + | <div id="satu" align="center"> <h2><center>July 2013</center></h2> |
<div> | <div> | ||
Line 290: | Line 244: | ||
<div> | <div> | ||
<a href="#" class="head">Week 2</a> | <a href="#" class="head">Week 2</a> | ||
- | <div class="content" align="left"> | + | <div class="content" align="left" style="display: none;"> |
<br> <b> July 8</b> <br> | <br> <b> July 8</b> <br> | ||
Wet lab<br> | Wet lab<br> | ||
Line 344: | Line 298: | ||
<div> | <div> | ||
<a href="#" class="head">Week 3</a> | <a href="#" class="head">Week 3</a> | ||
- | <div class="content" align="left"> | + | <div class="content" align="left" style="display: none;"> |
<br><b>July 15</b> <br> | <br><b>July 15</b> <br> | ||
Wet lab<br> | Wet lab<br> | ||
Line 391: | Line 345: | ||
<div> | <div> | ||
<a href="#" class="head">Week 4</a> | <a href="#" class="head">Week 4</a> | ||
- | <div class="content" align="left"> | + | <div class="content" align="left" style="display: none;"> |
<br><b>July 22</b> <br> | <br><b>July 22</b> <br> | ||
Wet lab<br> | Wet lab<br> | ||
Line 434: | Line 388: | ||
<div> | <div> | ||
<a href="#" class="head">Week 5</a> | <a href="#" class="head">Week 5</a> | ||
- | <div class="content" align="left"> | + | <div class="content" align="left" style="display: none;"> |
<br><b>July 30</b> <br> | <br><b>July 30</b> <br> | ||
Wet lab<br> | Wet lab<br> | ||
Line 455: | Line 409: | ||
</div> | </div> | ||
- | <div id="satu" align="center"> < | + | <div id="satu" align="center"> <h2>August 2013</h2> |
<div> | <div> | ||
<a href="#" class="head">Week 1</a> | <a href="#" class="head">Week 1</a> | ||
- | <div class="content" align="left"> | + | <div class="content" align="left" style="display: none;"> |
<br><b>August 2</b> <br> | <br><b>August 2</b> <br> | ||
Wet lab<br> | Wet lab<br> | ||
Line 469: | Line 423: | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<hr> | <hr> | ||
Line 550: | Line 497: | ||
</body> | </body> | ||
+ | </html> |
Revision as of 04:37, 1 October 2014