PDA

View Full Version : Links in Glossy Accordion Menu Headers



GTW
03-15-2009, 04:23 PM
1) Script Title: Glossy Accordion Menu

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

3) Describe problem: I have installed the Glossy Accordian Menu (using on click reveal type, not mouseover) and it is working.

I would like to add a link to the headers so that a linked page opens as well as the menu opening.
I have found this code posted on the forum which works http://www.dynamicdrive.com/forums/showpost.php?p=184355&postcount=9, but I don't want the link activated when the user clicks on the plus or minun sign at the end.

To summarize I want a link to activate when the area to the left of the plus/minus image is clicked, any dieas how the script can be altered or amendments to the html or css to achieve this effect.

This Demo Menu (http://www.drillpine.biz/v8collapso5/) works how I would like.

GTW
03-16-2009, 04:02 PM
Alternatively I would be happy for the links to only work when the actual lettering is clicked on if that is any easier to achieve.

ddadmin
03-16-2009, 11:06 PM
Are your arrow images manually added next to each menu item, or dynamically, using the "HTML prefix" feature of the menu script? At a glance they seem to all share the common CSS class "hsi". If so, try adding something like the below to your page:


<script type="text/javascript">

jQuery(document).ready(function($){
$('img.hsi').click(function(e){
e.stopPropagation()
})
}

</script>

GTW
03-16-2009, 11:30 PM
I think i may have confused you with the link to a site showing a different menu that works in a similar way to what I want to achieve. This is not my site and does not use the accordian menu script.

I have not uploaded my current menu, but could do so if necessary.

I am working on the Glossy Accordion menu in its unaltered state as shown on http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm

GTW
03-16-2009, 11:59 PM
If it helps I have uploaded the menu so you can see it live here:
http://www.golfteewarehouse.co.uk/acatalog/test/

I can get links working for the whole header using the code on this forum post: http://www.dynamicdrive.com/forums/showpost.php?p=184355&postcount=9, but I don't want the plus and minus (statusicons) to activate the link.