Hi, I can't seem to get my accordion to work. I have nested ul's, and I'd like it to close the open ul when you open another (normal accordion function). I would appreciate any help/tips. Thanks!
Here is my jquery: $(document).ready(function(){ $(".accordion:eq(0)> li ul:gt(0)").hide(); $(".accordion li a").hover(function(){ $(this).next("ul").slideToggle("slow") .siblings("ul:visible").slideUp("slow"); }); }); And here is my accordion structure: <ul class="accordion"> <li><a href="#">2008</a> <ul> <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> <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>