CODEWITHSUNDEEP
jquerycss
shan
shan

Reputation: 3145

Multiple hovering elements with jquery

having a bit of an issue. I have a set of 3 white elements that when I hover over any of them, all of them turn blue. I have my javascript for one of the objects here:

$(document).ready(function () {
$(".dl").hover(function (g) {
        $(".pdfasdf").show();
    },
    function (g) {
        $(".pdfasdf").hide();
    });
});

But I'm unsure of how to incorporate the other two into the code. There's also a weird jumping issue with this current one but I'm sure that's just my css..

If there's an easier way to make all 3 of them blue then any suggestions would be appreciated! I'm having a lot of issues with the blue effects due to the element:hover in my css not working in jq...

my jsfiddle

Upvotes: 0

Views: 78

Answers (1)

Mike M
Mike M

Reputation: 212

I just wrapped an element around you links, set visibility: hidden; and then on hover, all child links are visibility: visible;.

I think this is what you meant, but I could be mistaken. http://jsfiddle.net/ZEyKM/5/

display: none; won't render an element so you cant possibly trigger a hover on it.

Hope this sets you in the right direction. In general I avoid inline style attributes and using jQuery to change appearance in a way that doesn't use classes.

Good luck!

Upvotes: 2

Related Questions