|
|
| (One intermediate revision by the same user not shown) |
| Line 13: |
Line 13: |
| <img width="400" height="250" border="0" align="center" src="http://opensourceecology.org/w/images/1/13/DSC_3829small.jpg"/> | | <img width="400" height="250" border="0" align="center" src="http://opensourceecology.org/w/images/1/13/DSC_3829small.jpg"/> |
| </a> | | </a> |
| </html>
| |
|
| |
| <!DOCTYPE html>
| |
| <html>
| |
| <head>
| |
| <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
| |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
| |
| <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
| |
|
| |
| <script>
| |
| $(document).ready(function() {
| |
| $("#accordion").accordion();
| |
| });
| |
| </script>
| |
| </head>
| |
| <body style="font-size:62.5%;">
| |
|
| |
| <div id="accordion">
| |
| <h3><a href="#">Section 1</a></h3>
| |
| <div>
| |
| <p>
| |
| Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
| |
| ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
| |
| amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
| |
| odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
| |
| </p>
| |
| </div>
| |
| <h3><a href="#">Section 2</a></h3>
| |
| <div>
| |
| <p>
| |
| Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
| |
| purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
| |
| velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
| |
| suscipit faucibus urna.
| |
| </p>
| |
| </div>
| |
| <h3><a href="#">Section 3</a></h3>
| |
| <div>
| |
| <p>
| |
| Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
| |
| Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
| |
| ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
| |
| lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
| |
| </p>
| |
| <ul>
| |
| <li>List item one</li>
| |
| <li>List item two</li>
| |
| <li>List item three</li>
| |
| </ul>
| |
| </div>
| |
| <h3><a href="#">Section 4</a></h3>
| |
| <div>
| |
| <p>
| |
| Cras dictum. Pellentesque habitant morbi tristique senectus et netus
| |
| et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
| |
| faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
| |
| mauris vel est.
| |
| </p>
| |
| <p>
| |
| Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
| |
| Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
| |
| inceptos himenaeos.
| |
| </p>
| |
| </div>
| |
| </div>
| |
|
| |
| </body>
| |
| </html> | | </html> |
