Accordion Menu Block Frontend
Block setting
Configuration of menus

Accordion Menus module will display a Drupal menu using a jQuery UI accordion effect. The top-level menu items are referred to as header items. The accordion effect is invoked when the triggering event occurs on a header item. The triggering event is a mouse click. The submenu expands to display the menu items beneath the header. A subsequent triggering event on the same header item collapses the menu beneath it.

The idea of this module came from accordion_menu module which is Drupal 7 module.

Installation:

Install the Accordion Menus module as you would normally install a contributed Drupal module. Visit https://www.drupal.org/node/1897420 for further information.

Configuration:

This module will create accordion menu block for all menus. By default, no accordion menu block will be created. To act menus as accordion menu, configure them at admin/config/user-interface/accordion_menu.
Next edit all top level menu item and mark checkbox 'show as expanded' and save the menu item.

  1. Navigate to Administration > Extend and enable the Accordion Menus module.
  2. Navigate to Administration > Configuration > User Interface >Accordion Menus.
  3. Select the menus which want to be accordion menu block and save form.
  4. Place the menu block in the expected region. Block name will be 'Accordion {menu name}'
Supporting organizations: 

Project information

Releases