Bullet List Accordion Header Hyperlinks

**PsionicSin** · 09-16-2010, 10:43 PM

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.

**vwphillips** · 09-17-2010, 11:15 AM

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>

**PsionicSin** · 10-14-2010, 05:23 PM

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.

**fuchs** · 10-14-2010, 05:33 PM

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

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

greets

**PsionicSin** · 10-14-2010, 06:28 PM

Originally Posted by fuchs

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?

**PsionicSin** · 10-14-2010, 11:43 PM

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?

**PsionicSin** · 10-15-2010, 12:02 AM

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.

Thread: Bullet List Accordion Header Hyperlinks

Thread Tools

Search Thread

Bullet List Accordion Header Hyperlinks

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

Bookmarks

Bookmarks

Posting Permissions