1. Installing SJ Accordion Menu
After you downloaded your Joomla extension, just go to Extensions -> Extension Manager -> select the Upload Package File from the top tabs -> click on the Choose File button and select the SJ Accordion Menu zip file -> click on the Upload & Install blue button.
Your module will now appear in the Module Manager section.
2. Basic settings for your extension
In the Extensions -> Module Manager section, find your SJ Accordion Menu module and click on it to acess the module's setup section.
You can find all the module's options right in the first window that opens.
First, from the right side of the page change the Status of the module into Published, put it into the desired Position and, if you want your module to be displayed with a title, select from the right Show at the Show Title section. Last, give your module the title that you want it to be displayed with.
Also, don't forget to set the display for your module on the pages you want it to be shown: Module Assignment section.
3. Setting the menu
First, you have to select the menu you wold like to be displayed in the frontend.
After choosing the menu, you can go ahead and customize it, using the following options:
Show submenu items: you can choose here if you want to see the sub-menus on the webpage.
Type of opening and effects: you can choose the sub-menus to open on click or mouseover, also the effect when opening (6 effects).
Sub-menu left margin: this is the sub-menu left margin towards the main tab.
Background and text colors: for both normal and mouseover states.
Text customization: such as font size, family and decoration.
Menu width and Item height: sets the width for the entire menu and how high each menu item should be.
Under the Advanced Tab, you can find the noConflict JQuery option and the Caching.