Home/ Questions/Q 6351483
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T22:00:56+00:00

That’s my issue in its simplest terms. Let me try to clear it up.

  • 0

That’s my issue in its simplest terms. Let me try to clear it up.

I have a div, in this case called "testdiv", which has a class name of "menulink" attached to it. There is a link inside of the div. When I roll over the link, I want the div class to change to "menulinkHover". When I roll out of the div, however, I want the class to revert back to "menulink". To do this, I am using getElementByID. Rolling over the link works perfectly, but as soon as I roll out of the link, not the div, the class reverts back.

Here is a fiddle with what I have so far: http://jsfiddle.net/nathanbunn/KJMsf/

I’m working on this with jQuery, using .removeClass and .addClass in the same manner, but I fear I will get the same issue. I’ve missed something, I know I’ve missed something, but what is it? For an idea of what I’m looking for, have a look on the Harvey Nichols homepage. I know they use Prototype for their framework of choice.

Can this be done with the script I have? Am I right and I have indeed missed something? Can it work better in jQuery? Can it be done in pure CSS, even? Please help. I’m at a complete loss.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I set it up to use JQuery as I always find it better than pure javascript. I got it to work by setting the link to have a mouseenter that adds a class to the div and then the div itself has a mouseleave that removes the class. It now works fine for me. Here’s the link:
    http://jsfiddle.net/KJMsf/6/

    • 0