Template:KIT-Kyoto/menu1
From 2010.igem.org
(Difference between revisions)
(36 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | ul.acc, ul.acc li ul { | |
- | + | margin: 0; | |
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | ul.acc a{ | ||
+ | display: block; | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | color: tranceplants; | ||
+ | } | ||
+ | |||
+ | ul.acc { | ||
+ | background-color:none; | ||
+ | } | ||
+ | |||
+ | ul.acc li ul { | ||
+ | background-color: none; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | ul.acc1, ul.acc1 li ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | ul.acc1 a{ | ||
+ | display: block; | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | color: tranceplants; | ||
+ | } | ||
+ | |||
+ | ul.acc1 { | ||
+ | background-color:none; | ||
+ | } | ||
+ | |||
+ | ul.acc1 li ul { | ||
+ | background-color: none; | ||
+ | } | ||
</style> | </style> | ||
Line 21: | Line 51: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | $ | + | var j$ = jQuery; |
- | + | ||
- | $( | + | j$(function(){ |
- | + | j$(".acc").each(function(){ | |
- | + | j$("li > a", this).each(function(index){ | |
- | + | var $this = j$(this); | |
- | + | ||
- | }); | + | if(index > 0) $this.next().hide(); |
- | + | ||
- | + | $this.click(function(){ | |
- | }); | + | var params = {height:"toggle", opacity:"toggle"}; |
- | }); | + | j$(this).next().animate(params).parent().siblings() |
+ | .children("ul:visible").animate(params); | ||
+ | return false; | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | |||
+ | j$(function(){ | ||
+ | j$(".acc1").each(function(){ | ||
+ | j$("li > a", this).each(function(index){ | ||
+ | var $this = j$(this); | ||
+ | |||
+ | if(index <= 0) $this.next().hide(); | ||
+ | |||
+ | $this.click(function(){ | ||
+ | var params = {height:"toggle", opacity:"toggle"}; | ||
+ | j$(this).next().animate(params).parent().siblings() | ||
+ | .children("ul:visible").animate(params); | ||
+ | return false; | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
</script> | </script> | ||
Line 38: | Line 92: | ||
<body> | <body> | ||
- | <div class=" | + | <div id="HIDARI"> |
- | <img src="https://static.igem.org/mediawiki/2010/ | + | <ul class="acc"> |
- | <ul class=" | + | <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/2/2b/KITNotebook.jpg" width="160" height="32" class="menu_head" /></a> |
- | <li><a href=" | + | <ul class="fxmn"> |
- | <li><a href=" | + | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook">First</a></div></li> |
- | <li><a href=" | + | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week1">Week1 (Aug 11-14)</a></div></li> |
- | <li><a href=" | + | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week2">Week2 (Aug 15-21)</a></div></li> |
- | <li><a href=" | + | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week3">Week3 (Aug 22-28)</a></div></li> |
- | <li><a href=" | + | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week4">Week4 (Aug 29-Sep 4)</a></div></li> |
- | <li><a href=" | + | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week5">Week5 (Sep 5-11)</a></div></li> |
- | </ul> | + | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week6">Week6 (Sep 12-18)</a></div></li> |
- | </div> | + | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week7">Week7 (Sep 19-25)</a></div></li> |
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week8">Week8 (Sep 26-Oct 2)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week9">Week9 (Oct 3-9)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook-week10">Week10 (Oct 10-13)</a></div></li> </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Protocol"><img src="https://static.igem.org/mediawiki/2010/8/88/KitProtocol.PNG" width="160" height="32" border="0" bordercolor="black"></a> | ||
+ | <BR> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook/Promoters"><img src="https://static.igem.org/mediawiki/2010/8/82/KITPROMOTERS.PNG" width="160" height="32" border="0" bordercolor="black"></a> | ||
+ | <BR> | ||
+ | <ul class="acc1"> | ||
+ | <li><a href="1"><img src="https://static.igem.org/mediawiki/2010/c/cd/KitDesignNote.png" width="160" height="32" class="menu_head" /></a> | ||
+ | <ul class="fxmn"> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote">First</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week1">Week1 (Aug 22-28)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week2">Week2 (Aug 29-Sep4)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week3">Week3 (Sep5-11)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week4">Week4 (Sep12-18)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week5">Week5 (Sep19-25)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week6">Week6 (Sep26-Oct2)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week7">Week7 (Oct3-9)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week8">Week8 (Oct10-16)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week9">Week9 (Oct17-23)</a></div></li> | ||
+ | <li><div><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote/Week10">Week10 (Oct24-30)</a></div></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Photo"><img src="https://static.igem.org/mediawiki/2010/3/32/KITPhotograph.jpg" width="160" height="32" border="0" bordercolor="black"></a> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 01:50, 26 October 2010