<!doctype html> <html> <head> <title>Accordion Static Test : Default</title> <link rel="stylesheet" href="../static.css" type="text/css" /> <link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" /> <link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" /> <script type="text/javascript" src="../../../jquery-1.4.2.js"></script> <script type="text/javascript" src="../static.js"></script> </head> <body> <div class="ui-accordion ui-widget ui-helper-reset ui-accordion-icons"> <h3 class="ui-accordion-header ui-accordion-header-active ui-helper-reset ui-state-active ui-corner-top" tabindex="0"> <span class="ui-icon ui-icon-triangle-1-s"></span> <a href="#">Accordion Header 1</a> </h3> <div class="ui-accordion-content ui-accordion-content-active ui-helper-reset ui-widget-content ui-corner-bottom"> Accordion Content 1 </div> <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" tabindex="0"> <span class="ui-icon ui-icon-triangle-1-e"></span> <a href="#">Accordion Header 2</a> </h3> <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;"> Accordion Content 2 </div> <h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" tabindex="0"> <span class="ui-icon ui-icon-triangle-1-e"></span> <a href="#">Accordion Header 3</a> </h3> <div class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" style="height: 95px; display: none;"> Accordion Content 2 </div> </div> </body> </html>