Team:Valencia UPV/Prueba header
From 2014.igem.org
(Difference between revisions)
(Created page with "<html> <body> <div class="example"> <div class="menu"> <span> </body> </html>") |
|||
(One intermediate revision not shown) | |||
Line 1: | Line 1: | ||
+ | {{:Team:Valencia UPV/Prueba_css}} | ||
+ | |||
<html> | <html> | ||
<body> | <body> | ||
Line 5: | Line 7: | ||
<div class="menu"> | <div class="menu"> | ||
<span> | <span> | ||
+ | <ul id="nav"> | ||
+ | <li><a href="Home.html">Home</a></li> | ||
+ | <li><a href="#">Team</a> | ||
+ | <div class="subs"> | ||
+ | <div> | ||
+ | <ul> | ||
+ | <li><h3>People</h3> | ||
+ | <ul> | ||
+ | <li><a href="Team_students.html">Students</a></li> | ||
+ | <li><a href="Team_advisors.html">Advisors</a></li> | ||
+ | <li><a href="Team_instructors.html">Instructors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><h3>Photogallery</h3></li> | ||
+ | <ul> | ||
+ | <li><a href="#">Gallery</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="#">Wet Lab</a> | ||
+ | <div class="subs"> | ||
+ | <div> | ||
+ | <ul> | ||
+ | <li><h3>Biological Development</h3> | ||
+ | <ul> | ||
+ | <li><a href="#">Problem</a></li> | ||
+ | <li><a href="#">Pheromone</a></li> | ||
+ | <li><a href="#">Release</a></li> | ||
+ | <li><a href="#">Biosafety Module</a></li> | ||
+ | <li><a href="#">Switch</a></li> | ||
+ | <li><a href="#">Ideal Plant</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><h3>Notebook</h3></li> | ||
+ | <ul> | ||
+ | <li><a href="Notebook_wetlab.html">Notebook</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="#">Modeling</a> | ||
+ | <div class="subs"> | ||
+ | <div> | ||
+ | <ul> | ||
+ | <li><h3>Mathematic Development</h3> | ||
+ | <ul> | ||
+ | <li><a href="#">Metabolic Pathways</a></li> | ||
+ | <li><a href="#">Field Distribution</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><h3>Notebook</h3></li> | ||
+ | <ul> | ||
+ | <li><a href="Notebook_wetlab.html">Notebook</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="#">Checkpoints</a></li> | ||
+ | <li><a href="#">Devices</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | <li><a href="#">Human practices</a></li> | ||
+ | <li><a href="#">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(window).load(function() { | ||
+ | |||
+ | $("#nav > li > a").click(function () { // binding onclick | ||
+ | if ($(this).parent().hasClass('selected')) { | ||
+ | $("#nav .selected div div").slideUp(100); // hiding popups | ||
+ | $("#nav .selected").removeClass("selected"); | ||
+ | } else { | ||
+ | $("#nav .selected div div").slideUp(100); // hiding popups | ||
+ | $("#nav .selected").removeClass("selected"); | ||
+ | |||
+ | if ($(this).next(".subs").length) { | ||
+ | $(this).parent().addClass("selected"); // display popup | ||
+ | $(this).next(".subs").children().slideDown(200); | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 17:48, 17 July 2014