If you are extending your YJSG based theme this is the place to start.
YJSG template framework comes with built in accordion side menu that you can take advantage of.
To activate accordion menu, go to your Menu Module manager, tab name Yjsg Menu Options and from parameter Select menu type,
select either Accordion or Accordion no toggle;
Next click on Module tab and select the End level. Read info above to make easier decision.
Your accordion menu is setup. Please remember to publish it in any module position you like. When you click the parent menu item it's child elements will slide down. Demo can be seen here .
Once the accordion menu is activated there are few CSS class names that you can use to style your menu items.
Depending on state ( open/closed )
the toggler ( parent menu item ) gets additional class name:
active_yjsgacc
: Active, open parent item.inactive_yjsgacc
: Inactive, closed parent item.