"
Team:KAIST-Korea/jihantest
From 2011.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
{{:Team:KAIST/header}} | {{:Team:KAIST/header}} | ||
| - | |||
| + | <html> | ||
| + | <head> | ||
| - | < | + | <script type="text/javascript" src="jquery.js"></script> |
| - | + | <script type="text/javascript"> | |
| - | < | + | $(document).ready(function(){ |
| - | + | $(".flip").click(function(){ | |
| - | + | $(".panel").slideToggle("slow"); | |
| - | + | }); | |
| - | </ | + | }); |
| + | </script> | ||
| + | |||
| + | <style type="text/css"> | ||
| + | div.panel,p.flip | ||
| + | { | ||
| + | margin:0px; | ||
| + | padding:5px; | ||
| + | text-align:center; | ||
| + | background:#000000; | ||
| + | border:solid 1px #c3c3c3; | ||
| + | } | ||
| + | div.panel | ||
| + | { | ||
| + | height:120px; | ||
| + | display:none; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | |||
| + | <div class="panel"> | ||
| + | <p>Because time is valuable, we deliver quick and easy learning.</p> | ||
| + | <p>At W3Schools, you can study everything you need to learn, in an accessible and handy format.</p> | ||
| + | </div> | ||
| + | |||
| + | <p class="flip">Show/Hide Panel</p> | ||
| + | |||
| + | </body> | ||
| + | </html> | ||
Revision as of 13:29, 27 June 2011
Because time is valuable, we deliver quick and easy learning.
At W3Schools, you can study everything you need to learn, in an accessible and handy format.
Show/Hide Panel
