"
Team:SJTU-BioX-Shanghai/daynotes
From 2014.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
{{Team:SJTU-BioX-Shanghai/clear}} | {{Team:SJTU-BioX-Shanghai/clear}} | ||
<html> | <html> | ||
| - | + | <head> | |
| - | + | <style type="text/css"> | |
| - | + | .sidenav{ | |
| - | + | width: 200px; | |
| - | + | border: 1px #ddd solid; | |
| + | text-align: center; | ||
| + | } | ||
| + | .sidenav:first-of-type{ | ||
| + | border-top-left-radius: 5px; | ||
| + | border-top-right-radius: 5px; | ||
| + | border-bottom-right-radius: 0px; | ||
| + | border-bottom-right-radius: 0px; | ||
| + | } | ||
| + | .sidenav:last-of-type{ | ||
| + | border-top-left-radius: 0px; | ||
| + | border-top-right-radius: 0px; | ||
| + | border-bottom-right-radius: 5px; | ||
| + | border-bottom-right-radius: 5px; | ||
| + | } | ||
| + | .sidenav .heading{ | ||
| + | background-color: #edecec; | ||
| + | border: 1px #edecec solid; | ||
| + | font-size: 1.5em; | ||
| + | padding: 3px 0; | ||
| + | } | ||
| + | .sidenav .content{ | ||
| + | padding: 10px 0; | ||
| + | display: none; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | <body> | ||
| + | <div style="width: 20%;"> | ||
| + | <div class="sidenav"> | ||
| + | <div class="heading"> | ||
| + | June | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | 123 | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="sidenav"> | ||
| + | <div class="heading"> | ||
| + | July | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | 123 | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="sidenav"> | ||
| + | <div class="heading"> | ||
| + | August | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | 123 | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | $('.sidenav > .heading').click(function(event){ | ||
| + | var target = $(event.target); | ||
| + | var content = target.next()[0]; | ||
| + | var visible = $('.sidenav > .content:visible')[0]; | ||
| + | if(visible != content){ | ||
| + | $(visible).fadeOut(5); | ||
| + | $(content).fadeIn(600); | ||
| + | } | ||
| + | /*$.each(all, function(i, n){ | ||
| + | $(n).fadeOut(10); | ||
| + | }); | ||
| + | $(content).fadeIn(800);*/ | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | </body> | ||
| + | |||
| + | </body> | ||
</html> | </html> | ||
{{Team:SJTU-BioX-Shanghai/footer}} | {{Team:SJTU-BioX-Shanghai/footer}} | ||
Revision as of 12:46, 11 October 2014
June
123
July
123
August
123
