<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en"> <head> <script src="http://jqueryjs.googlecode.com/files/ jquery-1.2.6.pack.js" type="text/javascript" charset="utf-8"></script> <script src="http://ui.jquery.com/js/ui.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('.accordion').accordion({ event: "mouseover" }); }); </script> <link rel="stylesheet" type="text/css" href="ajaxexperience.css"> </head> <body> <ul class="accordion"> <li><a href="#">2008</a> <ul class="accordion"> <li><a href="#">August</a></li> <li><a href="#">July</a></li> <li><a href="#">June</a></li> <li><a href="#">May</a></li> </ul> </li> <li><a href="#">2007</a> <ul class="accordion"> <li><a href="#">December</a></li> <li><a href="#">October</a></li> <li><a href="#">June</a></li> <li><a href="#">April</a></li> <li><a href="#">February</a></li> <li><a href="#">January</a></li> </ul> </li> </ul> <hr /> <p>Works like that for me. Make sure to put local script references specifically to the accordeon JS file.</p> <hr /> </body> </html>