Team:Tuebingen/Templates/Navigation

From 2013.igem.org

Revision as of 23:13, 13 August 2013 by SvenB (Talk | contribs)


<head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<style type="text/css"> body, input{ font-family: Arial;

       font-size: 0.8em;

}

  1. navigation {

background-color: blue; }

  1. accordion {

list-style: none; padding: 0 0 0 0; width: 170px; }

  1. accordion li{

display: block; font-weight: bold; margin: 1px; cursor: pointer; padding: 5 5 5 7px; list-style: circle; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

  1. accordion ul {

list-style: none; padding: 0 0 0 0; display: none; }

  1. accordion ul li{

font-weight: normal; cursor: auto; background-color: #fff; padding: 0 0 0 7px; }

  1. accordion a {

text-decoration: none; }

  1. accordion a:hover {

text-decoration: underline; }

</style>

</head>

<body>


<script>

$("#accordion > li").click(function(){

if(false == $(this).next().is(':visible')) { $('#accordion > ul').slideUp(300); } $(this).next().slideToggle(300); });

</script>

</body> </html>