Expandng menu -- how to collapse

Expandng menu -- how to collapse


Hi -- I am trying to figure out how to make an expandable menu
collapse when the menu items are clicked. Right now when each menu
item is click.. it collapses briefly and falls back down. please help!
    <script>
    $(document).ready(function(){
        $("dd").hide();
        $("dt a").click(function(){
            $("dd:visible").slideUp("slow");
            $(this).parent().next().slideDown("slow");
            return false;
        });
    });
    </script>