The Glossy Accordion Menu is a very neat and cool javascript-based menu provided by www.dynamicdrive.com.

In case you're wondering what an "Glossy Accordion Menu" is, just take a look at the Table of Content appearing on the right of this paragraph. Take a look at Demo 1 and Demo 2. You can even include images in the menu. Pretty cool, isn't it?

What I've done is to wrap the original code from www.dynamicdrive.com into a Joomla plugin/mambot so that you can easily include the Glossy Accordion Menu in any of your content item.

1. Easily create a menu or table of contents within a content item or article.
2. You can float the menu to the left or right so that the main text flows around it.
3. You can easily customize the menu through css.

Please refer to the following:

• How to use the "Accordion Menu Apple style" plugin
• Customizing the menu with CSS
• Variations of the Menu

The syntax for both menus are exactly the same. Just remeber to replace all

{Accordion_Menu_Apple_style}
... menu items ... 
{/Accordion_Menu_Apple_style}

with:

{Glossy_Accordion_Menu}
... menu items ... 
{/Glossy_Accordion_Menu}

1. Download the plugin and unzip it into a folder.
2. From the Installers menu, select mambots. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
3. From the Mambots menu, select Site Mambots.
4. Make sure the plugin "Glossy Accordion Menu" is published. If you see a cross in the Published column, just click on it. It will turn into a green tick.

You are now ready to use this plugin!

1. Download the plugin and unzip it into a folder.
2. From the Extensions menu, select Install/Uninstall. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
3. From the Extensions menu, select Plugin Manager.
4. Enable the plugin "Glossy Accordion Menu" - make sure there is a green tick in the Enabled column.

You are now ready to use this plugin!

Q1: Can I have more than one menu in the same page?

A1: By right, you should have only one menu per page.

However, go ahead and try it. You can actually put two or menus in the same page. There are two "problems" here, though:

• There will be only one active menu per page. This means that suppose you have three menus. If currently one of the menu items in Menu 1 is active, you will find that both Menu 2 and Menu 3 will be collapsed. The original javascript library from www.dynamicdrive.com only keeps one active menu item per page. Hence the reason.
• You cannot set different heights for the different menus. Try it. You will know what I mean. This is because the height of the menu is defined in the css definition. All the menus use the same css style, hence they will have the same height.

There are no user reviews yet.

Note: You have to be a registered member to leave a comment. Free registration here.