Link to home
Start Free TrialLog in
Avatar of RowanAtt

asked on

Collapsable side navigation in WordPress

I need assistance in trying to get my menu system to collapse and expand only the user is in that particular section. The menu will show the top level items at first (.e.g By State will show but not the states underneath) and then when it's clicked will bring up the states below (Australian Capital Territory, New South Wales). Again in turn, the links below this will only show when in that section (i.e. when in New South Wales, will bring up the list below # Pretty Beach House
# The Byron at Byron Resort & Spa when in that section only).

Attached is a screenshot of the menu at present. The top level's are marked with a > and the sub levels with a -.

I've attached the sidebar.php and the .css file and screenshots.

Prompt assistance would be greatly appreciated.
Avatar of RowanAtt


Other attachements which weren't on my previous post.
You should look at jQuery's accordion feature.  This will give you the dynamic on click functionality you are looking for.

hi neta1o:,

Can you tell me how I could implement this within the example sidebar.php file.
Avatar of Sam Cohen
You can get load a plugin that'll do that.

search for a "widget collapse menu" or collapse menu" from within your dashboad> plugins>addnew

hi all4artz,

Can you recommend a particular plugin from this list? I'm using pages as opposed to posts so will this effect the plugins use? Also, will I need to change my sidebar.php which has the existing code in it.
Avatar of gwkg
Flag of United States of America image

Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial