add class to a div when hover another one (Javascript)

Question

I have a limited understanding of Javascriptan I am trying to add a class to a div when I hover another div Right now I can add a class to the same div but I would like to be able to add let's say the class blue to a div called first when I hover #second and #third.

current code :

    
    $(document).ready(function() {     
    $("#second, #third").hover(function(){     
    $(this).addClass("hover");    
    $(this).removeClass("hoverable");      
    },     
    function(){    
    $(this).removeClass("hover");     
        $(this).addClass("hoverable");     
    }  
    );     
    });

My live website can be seen at : www.designinterieurm2.com/dev

This will possibly include DOM traversal of some kind, what does the relevant html look like? — David Thomas
– David Thomas, Commented Feb 17, 2011 at 20:28

Chris Baker · Accepted Answer · 2012-02-21 14:53:00Z

23

$(document).ready(function() {     
    $('#second, #third').hover(function(){     
        $('#first').addClass('blue');    
    },     
    function(){    
        $('#first').removeClass('blue');     
    });
});

edited Feb 21, 2012 at 14:53

answered Feb 17, 2011 at 20:29

Chris Baker

50.8k13 gold badges99 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Francis Thibault Over a year ago

thanks it worked! The mistake I was making was using double quotes instead of single quotes inside my function

Chris Baker Over a year ago

No, sorry, that was not the problem. Double or single quotes both work, as long as the overall syntax is correct you can use either. I actually prefer single quotes, and will eliminate double-quotes when I notice them.

Iftikhar uddin · Accepted Answer · 2016-10-12 12:13:45Z

3

Just replace $(this) with $("#div_id");

where #div_id is the id of the div you're trying to change.

edited Oct 12, 2016 at 12:13

Iftikhar uddin

3,1923 gold badges32 silver badges50 bronze badges

answered Feb 17, 2011 at 20:29

Cristian Radu

8,4122 gold badges21 silver badges11 bronze badges

Comments

xlm · Accepted Answer · 2017-02-09 05:17:18Z

0

$(".toptab").hover(function(){

    $(this).addClass("current");
    $(this).find("ul").show();

},function(){

    $(this).find("ul").hide();
    $(this).removeClass("current");

});

edited Feb 9, 2017 at 5:17

xlm

7,72415 gold badges59 silver badges60 bronze badges

answered Feb 9, 2017 at 2:36

user7537820

1

Collectives™ on Stack Overflow

add class to a div when hover another one (Javascript)

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related