Results 1 to 3 of 3

Thread: getting Glossy accordion menu header to link and expand

  1. #1
    Join Date
    May 2006
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default getting Glossy accordion menu header to link and expand

    1) Script Title: Glossy accordion menu

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

    3) Describe problem: First, this script is awesome! and works just like it is supposed to Thank you for creating it.

    Heres the issue (I searched the forums first, but could not find the answer)
    The script is in use here:http://www.traxxion.com/minigp.aspx
    My client wants the header (green) to be able to not only expand but also go to a link when clicked, so that you don't have a redundant header and then a link (sub header) that says virtually the same thing.

    Example:
    Green: Racing Sport Bike (no link but does expand to include below)
    Subhead: Racing Sport Bike home

    My client would like:
    Green: Racing Sport Bike (links and expands to include below)
    Subhead: Racing Sport Bike home

    Thanks so much!

    Is this possible to do without changing alot of the coding and even some of the functionality?

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Try changing your initialization code with the value in red below:

    Code:
    ddaccordion.init({
    	headerclass: "submenuheader", //Shared CSS class name of headers group
    	contentclass: "submenu", //Shared CSS class name of contents group
    	revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
    	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
    	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
    	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
    	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
    	animatedefault: false, //Should contents open by default be animated into view?
    	persiststate: true, //persist state of opened contents within browser session?
    	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
    	togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
    	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
    	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
    		//do nothing
    	},
    	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
    		//do nothing
    	}
    })
    DD Admin

  3. The Following User Says Thank You to ddadmin For This Useful Post:

    artistcsi (05-27-2010)

  4. #3
    Join Date
    May 2006
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Awesome! It worked fabulously. Thanks again for taking the time to answer.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •