Expandable Menus

When creating a menu under the “Appearance -> Menus” tab it allows you to double click to expand and collapse a menu tree.

This is particularly useful for large menus or menus with many different sub trees that take up screen space.

Minimized menus will be saved as a cookie so when you return they should be minimized again.

Requirements

• Javascript is required.
• A browser that supports the :after CSS selector is required to show the minimized indicators (IE7 and IE8 may not show them).

Future releases:

• Images to show collapsed menus rather than just a blue marker.
• Double-click visual feedback.
• your ideas!

Drop into either your /mu-plugins/ directory, or your plugins directory and activate it.

1. Upload the expandable-menus directory to the /wp-content/plugins/ directory, or the /wp-content/mu-plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress (if placed in the the /wp-content/plugins/ directory)
3. Create a menu with some children elements and double click the parent.

None yet

Why isn’t this working?

• Have you tried double clicking? A lot of people dont understand you have to double click to minimize as there wasn’t initially an indicator telling you to do so.

1. 

   The edit menu screen with a couple menus collapsed.

1.0

• First Release.

1.1

• Fixed icon alignment issue.

2.0

• Revamped javascript.
• Supports over 200 menus now.
• Different indicators on hover and when minimized
• Saves minimized menus in a cookie so you don’t have to minimize every time the page is loaded.

2.1

• Addresses a javascript error, see support forum.