Collapsible List

I need to make level three menu collapsible by default and when user click on the level 3 menu it should expand if it has level 3 element. Example http://jsfiddle.net/Ed9nk/8/ In

Solution 1:

Try this:

 $('.dropdown .has-panel div').hide();
 $('.dropdown .has-panel ul').hide();
 $('.dropdown .has-panel').parent().click(function(){
        $("ul", this).toggle("slow");
    });

It looks like you are trying to click the anchor item, when it is hidden, so you need to click the .has-panel itself.

Updated : http://jsfiddle.net/Ed9nk/18/