All of the Advanced Sidebar Menu PRO widgets include options for accordion menus. Each widget will have accordion settings to allow you to customize the accordion experience which looks like this:
Enable accordion menu
This option turns on the accordion functionality for this menu. It also opens up all available options to configure the accordion.
Here are a couple of examples of what a menu may look like with accordions enabled:
When accordions are enabled, you may select the style of icons used for clicking to expand and close the menu levels. Previews of the selected icon style will be displayed in the widget settings.
Available icon styles include:
- Solid Arrow
When accordions are enabled, you may select the color of the icons. If no color is selected, the icons will display the same color as the links.
The icon preview in the widget settings will display with the selected color.
Close all accordion sections until clicked
When this option is enabled, all levels of the accordion will be closed when the page loads. Users must click the icons to open various levels.
If this option is disabled, the menu will automatically open to the current section of the menu when the page loads.
Include highest level parent in accordion
Adds accordion support to top-level menu items, complete with an icon to expand and collapse the top-level menu items.
If the widget does not have the highest level menu item showing due to being turned off within the widget settings, this option will do nothing.
If “Close all accordion sections until clicked” is also enabled, the top-level menu items will also be closed when the page loads.