Same href’s to both highlight when hovered over one of them?

[chrisupton]

Is there a way to have anchors with the same href’s to both highlight when hovered over one of them?

[jamygolden]

You can with jQuery. Add this to your <headgt; section:

A class of ‘hover’ will be added to anchor links with the same href.

[Akuseru]

maybe with css… Like this

#anchorone:hover{

background: yellow;

}

#anchorone:hover #anchortwo{

background: yellow;

}

[noahgelman]

@Akuseru,

Your code would imply that he has a link inside a link.

[chrisburton]

@noahgelman: I believe it would imply that he has a div with an ID of anchortwo inside a div with an ID of anchorone. There is no anchor link markup.

[noahgelman]

@ChristopherBurton, I don’t believe so.

The id he used is ‘achorone’ that wouldn’t imply a div, but a link. I believe he was saying when you hover ‘achorone’ then a separate link, ‘anchortwo’, should get a background. Unfortunatelly that’s not how CSS works. It only cascades. I think he was trying to reselect another link on the page.

[Akuseru]

Yeeeeah, you are all right… I can’t think in another easy solution right now…

[TheDoc]

Jamy already provided the easiest solution!

[Akuseru]

Well the jQuery works: http://jsfiddle.net/wQnNQ/1/

Just add a class in the links you want to do somenthing, or will apply to all links…

[Akuseru]

Update: http://jsfiddle.net/wQnNQ/5/

[chrisburton]

@noahgelman: My apologies. I was just going off the CSS he posted which implied a div with an ID since an anchor tag was not specified in the markup.

[noahgelman]

@ChristopherBurton, no apologies needed.

[Author]

Posts