[jQuery] Accordion problem - closing issue
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>