PDA

View Full Version : Accordion menu header url link?



designer222
10-02-2008, 02:03 PM
Accordion menu

http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm

I've got the menu working as I need, but am trying to get the expanding headers to link to html pages. I've tried to do this a variety of ways, but when I click on the header, it expands the menu but doesn't open the page it's linked to.

How should I be coding it to do this? Thank you.

derMatze
10-02-2008, 04:28 PM
I have the same problem, and tried nearly everything... :(
Anyone ideas?

designer222
10-02-2008, 04:30 PM
I found that if you remove the "expandable" from the "menuheader expandable" line of code you can link it and it works, yet still expands the menu.

derMatze
10-02-2008, 04:35 PM
I don't really understand what you mean.
So, if I have the following:
<h3 class="mypets">Dogs</h3>
<div class="thepet">
<img src="http://i10.tinypic.com/7xlrga1.jpg" />
The dog is a domestic subspecies of the wolf, a mammal of the Canidae family of the order Carnivora. The term encompasses both feral and pet varieties and is also sometimes used to describe wild canids of other subspecies or species. The domestic dog has been (and continues to be) one of the most widely-kept working and companion animals in human history, as well as being a food source in some cultures.
</div>

I have to change ... what?

ddadmin
10-03-2008, 01:18 AM
There's quite a few threads on this already actually. The script by default disables any link within a header if it's set to expand onClick. If it doesn't do this, clicking on a header will simply take the user to another page, instead of expand a sub content. One thing you can do is set the headers to expand onMouseover instead inside the configuration code. When you do that, any link within the header will work:


ddaccordion.init({
headerclass: "silverheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
"
"