Team:Virginia/Parts
From 2014.igem.org
(Difference between revisions)
Line 51: | Line 51: | ||
<body> | <body> | ||
<br> | <br> | ||
- | + | <ul id="navbar"> | |
- | <li><a href=" | + | <li> |
+ | <a href="#">A</a> | ||
+ | </li> | ||
<li> | <li> | ||
- | <a href=" | + | <a href="#">B</a> |
<ul> | <ul> | ||
- | <li><a href= | + | <li> |
- | + | <a href="#">first</a> | |
+ | </li> | ||
- | <li><a href= | + | <li> |
- | + | <a href="#">second</a> | |
- | + | </li> | |
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href= | + | <li> |
- | + | <a href="#">C</a> | |
- | <li><a href= | + | |
- | + | <ul> | |
- | </ul></li> | + | <li> |
+ | <a href="#">first tab</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <div style="clear: both;"></div> | ||
+ | </ul><br> | ||
+ | <script> | ||
+ | $('#navbar > li').hover(function() { | ||
+ | $(this).find('ul').slideToggle("slow"); | ||
+ | }); | ||
- | |||
- | + | $('#navbar > li > ul > li').mouseover(function(){ | |
- | + | $(this).css("background-color","#5F9C87"); | |
+ | }); | ||
- | + | $('#navbar li').hover(function(){ | |
- | + | $(this).css("background-color","#40CC9D"); | |
+ | }); | ||
- | |||
- | + | $('#navbar > li > a').hover(function(){$(this).parent().css("background-color","#5F9C87");}, function(){$(this).parent().css("background-color","#40CC9D");}); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | </script> | ||
+ | </body> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 14:31, 28 July 2014