complete pack
English Chinese (Simplified) Czech French German Greek Italian Spanish

SJ Accordion Menu

1 1 1 1 1 1 1 1 1 1 Rating 5.00 (2 Votes)

accordion menu product pictureWant a simple vertical menu with some nice JQuery effects? This is what you are lookong for:

  • 6 different animations when opening the sublevels
  • Very easy graphic customization
  • JQuery noConflict integrated

Need to create a bigger menu? This menu uses un-ordered lists and allows you to create infinite sublevels!

A simple but effective design? Now you can easily have this with the backend various options for colors, font sizes, families an decorations.

Get youself a user-friendly, neat vertical menu, supproted by Joomla 3.0.!


Price: 14.00 USD




  • Menu selection
  • Show/Hide submenu items
  • Open on Click/Mouse Over
  • Speed animation fot the verical menu when open/close sub-menu items
  • Menu effects
  • Various color choices
  • Font sizes, families and decorations
  • Size options for the vertical menu
  • Jquey noConflict integration

How to use SJ Accordion Menu

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.

1e r

Under the Advanced Tab, you can find the noConflict JQuery option and the Caching.






emailsupport1Product support

When buying this extension, you will also receive 6 months of free support for any functionallity issues regarding your product. 

The support provided does not include any module customization or setup, additional options or features. 

If you encounter any functionallity issue regarding your recently bought extension, please send us a message using the contact form from the right section of this page and we will be happy to help you.


services-web-designExtra services

We are a bunch of developers and web designers that are providing professional website solutions, both coding and graphics.

Our services include:

- Website developement: design from scratch, content management system, structure and content

- Joomla extensions

- Graphic design for both web and print: logo, stationery, illustrations

Order our services

If you need any of our extra services, do not hesitate to get in contact with us. The prices will be discussed depending on your requirements.

Pin It

You have no rights to post comments