Features

• Accordion Menu for Joomla
• Customisable CSS
• Menu Delay Option
• Ability to always expand Top level menu
• Compressed Javascript to speed up page loading
• Replace menu items with Images (No CSS required)
• Disable menus with submenus expanding without disabling the menu items

Downloads

The latest version of the Accordion menu for Joomla is always available from the following links:

Download Accordion Menu Joomla 1.0 and 1.5 Legacy

Download Accordion Menu Joomla 1.5 Native

Support

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

To access the Accordion Menus forums click here .

CSS Options

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:

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):

#sbd<Menu Item Id> - Apply specific CSS to Top Level menus by menu item ID

.a-m-t-n - Top Level menu item with no submenus

.a-m-t-n:hover - Add a mouse over hover effect to a Top Level menu item with no submenus

.a-m-t - Top Level menu item with submenus

.a-m-t-hover - Mouse over hover of a Top Level menu item with submenus

.a-m-t-expand - Expanded Top Level menu item

.sbdItemId<Menu Item ID> - Add specific CSS to certain submenu items based upon Top Level menu item id, replace <Menu Item ID> with the ID from the menu.

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

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

a#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)

a.rollmainlevel - the top level menu items

a.rollsublevel - all menu items under the top level

The following options are only available based on settings configured in the modules parameters:

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

a.rollsublevel_<Menu Item ID>_<level number> - set the CSS based on a certain menu item and the level in the menu

a.rollsublevel_<Menu Item ID> - set the CSS based upon a certain menu item

Module Parameters

Enable Menu ID CSS - Enable different CSS code to be used based on each top level menu id

Enable Menu Level CSS - Enable different CSS code to be used based on the sub menu level

Enable Parent Level CSS - Enable different CSS code to be used based on the parent (top) level menus

Hide Menu - Use CSS to hide the menu when no javascript present.

No script Msg - Text to be displayed if javascript is not present.

Menu Name - The name of the menu (default is `mainmenu`)

Time Delay - Time delay before firing rollover javascript, can help with non firing of menu

Menu Delay - Menu delay before starting menu opening

Mouse Over Action - Use orginal mouse over version with A tags for links, Version 1 - uses onclick javascript and no A tags so requires CSS modifications

Use Mouse Over - Expand the menu when the mouse hovers over it

Use Mouse Out - Close a menu when the mouse leaves the submenu list (experimental only one 1 level of submenus).

Top Menu as Link - Make the top level a clickable link to content etc or to be placed under the heading

Show Top Menu link - Show the top menu link again under the top menu, usefull if you turn off Mouse Over and Top Menu as Link

Expand Top Menu - Expand top level menu when browsing through sub menu links, i.e on a submenu items page, please beaware that some SEF components can make an article look like it is from an alternate Menu if the article is linked to from more than one menu.

Expand One Level Menu - Always expand a menu if there is only one top item

Use Compressed Javascript - Use compressed Javascript to speed up page loading time, disable if your having problems

Use Images - Use images for menu items, images will only be displayed for the options you pick from this list

Images on levels - List of levels to display images, separate each level by a comma (,)

Image Path - Check this path for image replacement, requires an image of the same name (lowercase and spaces replaced with -)

Image Extension - Extension for all menu image files

Ignore Menu Items - Enter here the menu Item ids you wish not to be expanded even if they have sub items, separate each itemid with a comma (,)

Change Log

Version: 0.9.5.J15N 17/11/2009

Now works Natively under Joomla 1.5
Fixed an issue with the CSS so it now validates with multiple Accordion Menus on screen

Version: 0.9.4 28/07/2009

Bug Fix?: Some users reported that the menu did not work under Joomla 1.5 correctly with the menu scripts not being added to the template, to help over come this an extra module parameter has been added call Force Script which will add the javascript and CSS files to enable the menu to work correctly.

This version is release under the GNU GPL Version 3 license.

Version: 0.9.3 12/06/2009

Bug Fix: fixed an error which caused the menu not to work correctly with Joomla 1.0

Version: 0.9.2 07/06/2009

Bug Fix: menus were not opening when clicking on a submenu correct in 0.9.1

Version: 0.9.1 22/05/2009

Added Automated ability to add images for menu items

Added extra CSS commands to increase control over active menus

Added ability to disable submenus from top levels

Added onmouseout option, experimental - 1 submenu level only

Updated CSS Options/Module Information on web site

Version: 0.9.0 06/02/2009

Fixed an error which may have caused ')> to be displayed

Fixed an error with error reporting switched on (tested under windows)

Version: 0.8.9 04/02/2009

Fixed: an error when setting 'Top Menu as Link' to No

Fixed: an issue with some SEF components and links to the Home page

Fixed: an issue where separators would become a link to the Home page

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

Licensing

The current version of this module (currently 0.9.4) and all prior versions are now released under GNU GPL Version 3.