accordian, with selected item, mostly done....

accordian, with selected item, mostly done....

hi all,

Im trying to produce a menu where if the list item has a class of selected it will remain "open"...

the menu im using is....


        <ul class='menu'>
                <li class='selected'>Arsenal
                        <ul>
                                <li class='selected'>Books</li>
                                <li class='selected'>Clothing & Apparel</li>
                                <li class='selected'>DVD's</li>
                                <li class='selected'>Music & Cds</li>
                                <li class='selected'>Video</li>
                        </ul>
                </li>
<li>
<ul>
<li>...........
...
...


and i have tried the following jquery

        <script>
        $(document).ready(function(){
                $("ul.menu li ul:not(ul.menu li.selected ul)").hide();
                $("ul.menu li a").click(function(){
                        $("ul.menu li ul").slideUp("slow");
                        $(this).next().slideDown("slow");
                        return false;
                });
        });
        </script>


which mostly works, but not quite,

I cant get it to keep the selected non hidden, and also i cant get it to allow me to click the nested li's either.

Any advice?

thanks