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