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>

Reply via email to