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 { | ||
background-color: blue; | background-color: blue; | ||
Line 47: | Line 49: | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
- | |||
</style> | </style> | ||
Line 55: | Line 56: | ||
<body> | <body> | ||
- | + | ||
<div id="navigation"> | <div id="navigation"> | ||
<ul id="accordion"> | <ul id="accordion"> | ||
Line 106: | Line 107: | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | |||
<script> | <script> | ||
- | |||
$("#accordion > li").click(function(){ | $("#accordion > li").click(function(){ | ||
Line 119: | Line 118: | ||
$(this).next().slideToggle(300); | $(this).next().slideToggle(300); | ||
}); | }); | ||
- | |||
</script> | </script> | ||
+ | <!-- Accordion-Navigation --> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 23:20, 13 August 2013