Team:Duke
From 2009.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <head> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .demo-show { | ||
+ | width: 350px; | ||
+ | margin: 1em .5em; | ||
+ | } | ||
+ | .demo-show h3 { | ||
+ | margin: 0; | ||
+ | padding: .25em; | ||
+ | background: #bfcd93; | ||
+ | border-top: 1px solid #386785; | ||
+ | border-bottom: 1px solid #386785; | ||
+ | } | ||
+ | .demo-show div { | ||
+ | padding: .5em .25em; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('div.demo-show:eq(0)> div').hide(); | ||
+ | $('div.demo-show:eq(0)> h3').click(function() { | ||
+ | $(this).next().slideToggle('fast'); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | <div class="demo-show"> | ||
+ | <h3>Title 1</h3> | ||
+ | <div>testing one</div> | ||
+ | <h3>Title 2</h3> | ||
+ | <div>hidar</div> | ||
+ | <h3>Title 3</h3> | ||
+ | <div>CYD</div> | ||
+ | </div> | ||
+ | |||
<center> | <center> |
Revision as of 03:37, 22 September 2009
Title 1
testing one
Title 2
hidar
Title 3
CYD
Under Construction