Home arrow Joomla arrow Modules arrow SBD Accordion Menu


Module Donation

Enter Amount:

SBD Accordion Menu

PDF Print E-mail

A simple accordion menu system for Joomla, based on an original script by HedgerWow and converted to work for Joomla. The accordion menu can either be triggered on mouse over the menu or by clicking to expand the menus. Only the first level is expandable, all following levels are automatically expanded though all further levels are fully indented.

Due to overwhelming success of this module we are finding our resources stretched in offering continual support for this free module, thereby if you like this module, we ask (but not compulsory) for a small contribution to our offering support via the forums, we will not stop developing this module. We appreciate all the feedback we have so far.

It uses the Yahoo! User Interface Library a demo of it is located to the left.

It has been tested in the following browsers:

  • IE7
  • IE6
  • FireFox 2
  • Opera 9.25

Features

  • Accordion Menu for Joomla
  • Customisable CSS
  • Menu Delay Option
  • Ability to always expand Top level menu
  • Compressed Javascript to speed up page loading

Downloads

The latest version of the Accordion menu for Joomla is always available from the following link: Download Accordion Menu

Support

Our support offering for the Accordion Menu is via our forums. 

To access the Accordion Menus forums click here

CSS Examples

The accordion menu has quite a few possible combinations of CSS formatting to allow you flexibility in display. Below are a few examples of how to alter the accordion menus appearance.

Active Menus (a tags): 

You can adjust how an active menu looks (possible to make it look like breadcrumbs through a site menu) by using the following CSS (please note specific module suffixes are also applied):

#activeparent_roll_menu - formats all parent menus the same, for example a menu two levels down will have both parents formatted the same.

#activeparent_roll_menu_<level number> - allows you to format each parent menu differently based upon the level of the parent menu.

#active_roll_menu - actual menu item being viewed

Menu Item CSS (a tags): 

It is possible to alter all the CSS based upon per level of the menu item. This is done with the following CSS: (please note specific module suffixes are also applied)

.rollmainlevel  - the top level menu items

.rollsublevel  - all menu items under the top level

.rollsublevel_<level number> - by using the level number you can configure each levels CSS slightly differently

 

Change Log

 

Version: 0.8.6 18/04/2008

 Fixed a bug when menus are set to open in a new window, they opened the url in the current window to.

Version: 0.8.5 11/04/2008

 We found a bug which potentially could cause your template to be displayed incorrectly due to some invalid HTML code. This would only potentially happen if you had the value 'Show Top Menu link' set to 'Always', we recommend upgrading.

Version: 0.8.4 03/04/2008

Possibly fixed the extra Itemid added to some URL's when running SEF (unable to replicate this issue)

Added the option to specify the version of Joomla if the auto detect (default) in case the menu fails to work correctly - fixes the menu in some instances

Added the option to hide the menu rather than display it fully expanded if javascript has been disabled (not XHTML complient if enabled and no javascript) 

Added the option to set a message to be displayed if there javascript has been disabled. 

Fixed the issue for empty links being created for place holders/separator menu items in both Joomla 1.0 and Joomla 1.5 

Version: 0.8.3 08/03/2008

Validates to XHTML 1.0 Transitional  with new option set and CSS copied to template's CSS file

A single top level menu now opens automatically if set in parameters

Version: 0.8.2 06/03/2008

Major validation clean up, fixed nearly all validation checks - only 2 checks to clear on our Joomla 1.5 test site.

Fixed an issue that was missed on last release for IIS compatibility 

Version: 0.8.0 04/03/2008

Now supports Joomla 1.5 in legacy 1.0 mode.

Now supports IIS without error notices (tested in Joomla 1.5 on IIS6)

Fixed an issue for Joomla 1.5 for external links in the menu 

Fixed an issue with SEO links turned on for Joomla 1.5

Added the ability to set the active parent menu CSS 

Version: 0.7.8 21/02/2008

Fixed an issue when using no-mouse over menus that clicking on a menu with no children would make the first available menu  wiith sub menus below it open

Fixed various issues with the extra CSS controls  within the menu system

Added extra CSS options: By Parent Menu and by Sub level menu so you can customise these easier

Version: 0.7.7 17/02/2008

Added a compressed version of the accordion javascript, able to disable if the compressed script causes any issues

Fixed an issue when using more than one accordion menu and loading of multiple javascripts

Fixed CSS error in css file 

Version: 0.7.5 17/02/2008

Added the ability to make the menu always expand the top level menu when browsing sub menu items.  

Version: 0.7 11/02/2008

 Enabled the ability to click on Top Level menus to open content

Added the option to display/hide the top level menu option under itself

Corrected an issue in IE when it would expand an empty menu causing it to look jumpy

Version: 0.6 10/02/2008 

Initial Release 

 
Visa Accepted Amex Accepted Accepted Master Card Accepted Paypal Accepted Solo Accepted Delta Accepted Maestro/Switch Accepted Electron Accepted
Joomla Template By Simple By Design.
Hosting by Simple By Design.