<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Form Field Clear</title> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src='../../../../libuser/toitldocumentdomain.js'></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script type="text/javascript"> $(function() { $("#accordion").accordion({ collapsible: true }); $( "#accordion" ).accordion({ active: 0 }); }); </script> </head> <body> <div id="datepicker">Different colors for the headers of the accordion.</div> <div id="accordion"> <h3 style="background:none;background-color:blue;"><a href='#'>Blue Section</a></h3> <div> <p>BLUE</p> </div> <h3 style="background:none;background-color:white;"><a href='#'>White Section</a></h3> <div> <p>WHITE</p> </div> <h3 style="background:none;background-color:red;"><a href='#'>Red Section</a></h3> <div> <p>RED</p> </div> </body> </html>