Team:Tuebingen/Templates/Navigation

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
 +
<!-- Accordion-Navigation -->
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
Line 9: Line 12:
}
}
-
<!-- Navigation -->
 
#navigation {
#navigation {
background-color: blue;
background-color: blue;
Line 47: Line 49:
text-decoration: underline;
text-decoration: underline;
}
}
-
<!-- /Navigation-->
 
</style>
</style>
Line 55: Line 56:
<body>
<body>
-
<!-- Navigation -->
+
 
<div id="navigation">
<div id="navigation">
<ul id="accordion">
<ul id="accordion">
Line 106: Line 107:
</ul>
</ul>
</div>
</div>
-
<!-- /Navigation -->
 
<script>
<script>
-
<!-- Navigation -->
 
$("#accordion > li").click(function(){
$("#accordion > li").click(function(){
Line 119: Line 118:
$(this).next().slideToggle(300);
$(this).next().slideToggle(300);
});
});
-
<!-- /Navigation -->
 
</script>
</script>
 +
<!-- Accordion-Navigation -->
</body>
</body>
</html>
</html>

Revision as of 23:20, 13 August 2013