User:Benjamin Miller
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Imperial iGEM 2010</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#prolist").hide(); $("#plalist").hide(); $("#reslist").hide(); $("#extlist").hide(); $("#dialist").hide(); $("#tealist").hide(); $("#proshow").click(function() { $("#prolist").slideToggle("slow"); return false; }); $("#plashow").click(function() { $("#plalist").slideToggle("slow"); return false; }); $("#resshow").click(function() { $("#reslist").slideToggle("slow"); return false; }); $("#extshow").click(function() { $("#extlist").slideToggle("slow"); return false; }); $("#diashow").click(function() { $("#dialist").slideToggle("slow"); return false; }); $("#teashow").click(function() { $("#tealist").slideToggle("slow"); return false; }); }); </script> <style type="text/css"> #nav { padding: 0; margin: 0; list-style: none; }
#nav ul { padding-left: 1em; margin: 0; list-style: none; }
#nav a { display: block; width: 200px; color: black; font-weight: bold; font-family: "verdana"; font-size: 1em; text-decoration: none; outline: none; }
#nav li { float: left; width: 200px; margin-top: 5px; }
#nav li ul { position: absolute; width: 200px; margin-top: 5px; margin-left: 10px; }
#nav li ul ul { margin: 0 0 0 10em; } </style> </head> <body>
</body> </html>
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> </body>
</html>
