PDA

View Full Version : two accordion menu headers conflict



lindaklong
10-13-2009, 04:06 PM
1) Script Title: Accordion Menu script (v1.7.1)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm

3) Describe problem:
I am trying to get the menuheaders to work on this page:
http://www.radioworks.ca/aa/index.htm

Basically, I want the top item to expand and contract when clicked on the menu and also when the picture is clicked. The menu works fine on pages that just have the menu. On this page with the pictures, the pictures are working fine, but now the menu isn't expanding/contracting when the menu header is clicked. Some of the menuheaders actually expand the wrong item.

Is there a way to have two menuheader links on the page?

Thanks,
Linda

ddadmin
10-14-2009, 07:34 AM
Can you be more specific what we should click on to see the issue? At a glance clicking through your header links (ie: "Pagers" or "Technical Services'), they all seem to be responding properly.

lindaklong
10-14-2009, 06:55 PM
Sorry. Here's the right link. The client wanted to see it without the links on the images so I changed it.

http://www.radioworks.ca/aa/index_menu.htm
What I would like is for the links on the images and the menu to work.

ddadmin
10-15-2009, 08:40 AM
Right now you're specifying that the link headers inside the left menu and the images in the center column to be both headers for the same accordion menu. What you really want is just the former, with the images toggling a specific header within the former.

Firstly, remove the DIVS <div class="accordionmenu"> and <div class="menuheaders" > that surround each of your images in the center column, so they become just regular images. Then to get those images to expand/contract a particular header in the left column, use the technique mentioned on this page (http://www.dynamicdrive.com/dynamicindex17/ddaccordion_suppliment.htm).