Results 1 to 7 of 7

Thread: Bullet List Accordion Header Hyperlinks

  1. #1
    Join Date
    Aug 2010
    Posts
    37
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Bullet List Accordion Header Hyperlinks

    1) Script Title: Bullet List Accordion Menu

    2) Script URL (on DD): Bullet List Accordion Menu

    3) Describe problem: I need assistance with adding hyperlinks to the headers without changing their formatting.

    When I add hyperlinks to the headers the way I know how, they turn blue and underlined. I don't want that to happen at all.

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    <style type="text/css">
    /*<![CDATA[*/
    .NoLink {
      text-Decoration:none;color:black;
    }
    
    /*]]>*/
    </style></head>
    
    <body>
    <a href="#">Link</a>
    <a href="#" class="NoLink" >Link</a>
    </body>
    
    </html>
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Aug 2010
    Posts
    37
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you. But I have another question lol.

    How do I make the headers into clickable links? I thought I was doing it the right way, but they don't work. Not clickable at all.

  4. #4
    Join Date
    Oct 2010
    Posts
    5
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    Set the revealtype parameter from "click" to "clickgo" in your accordion options.

    revealtype: "clickgo", //Reveal content when user clicks or onmouseover

    greets

  5. The Following User Says Thank You to fuchs For This Useful Post:

    PsionicSin (10-14-2010)

  6. #5
    Join Date
    Aug 2010
    Posts
    37
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by fuchs View Post
    Set the revealtype parameter from "click" to "clickgo" in your accordion options.

    revealtype: "clickgo", //Reveal content when user clicks or onmouseover

    greets
    Thanks. I'll try this out. Now what will this do to headers that don't have links associated with them? And where in the header coding do I place the link syntax? Gimme a visual?

  7. #6
    Join Date
    Aug 2010
    Posts
    37
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Alright I have a slight problem. I have a portion of code to turn all of my links a certain shade of blue:

    Code:
    a:link,a:visited {
    	color: #06F;
    	text-decoration: none;
    }
    
    a:hover, a:active {
    	color: #06F;
    }
    And it's turning my navigation links blue. What can I do? How can I have the menu links ignore my basic link styling?
    Last edited by PsionicSin; 10-15-2010 at 12:01 AM.

  8. #7
    Join Date
    Aug 2010
    Posts
    37
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Nevermind. I replace:
    Code:
    .NoLink {
      text-Decoration:none;color:black;
    }
    with:
    Code:
    a.NoLink, a.NoLink:link, a.NoLink:visited, a.NoLink:hover, a.NoLink:active {
    	text-Decoration:none;
    	color:white;
    }
    This fixed my problem and made everything follow nicely.

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
  •