Grow your CSS skills. Land your dream job.

Selecting multiples for Mouseout?

  • # December 27, 2010 at 12:33 am

    Hi all, I’m trying to build a quick jquery driven menu and I’m having some trouble. What I have is a #dropdown div that I want to animate to 90% opacity when I mouseover one of the menu items, and then animate to 0% again when I mouseout.

    My issue is that I can’t seem to get it to mouseout properly, or at all (either one happens).

    The code I wrote is this:



    What I’m attempting to do is select both #dropdown and a.services so that when the menu is activated, it doesn’t disappear if you mouseout of the a.services link. It should only go back to 0% opacity if you mouseout of both the a.services AND the #dropdown.

    So right now the menu just sticks. I believe it sticks because I’m not selecting both parts correctly (splitting it like ‘#dropdown’,’a.services’). If I try putting in just ‘#dropdown’, the div disappears if I mouseout of the link class.

    Maybe I’m making this harder than it is and maybe there’s a much better way to do this (and if so, please point me in the right direction :). Can I even select two elements on the page to maintain that div in view?

    Thanks in advance!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".