changing css background-color property

Question

I am trying to change the property of background color on mouseover of the nav ul li element but when I select another element of the same kind I want the first one to revert its color and the newly selected to change color and so on.

$(document).ready(function() { 
    $('nav ul li').on('mouseover', function() {
        if ($(this).css('background-color') == '#BBB') {
            $(this).css("background-color", "#36D900"); 
        } else {
            $(this).css("background-color", "#BBB");
        }   
    });
});

Use class instead of use css background color in jquery. The color is different dependent on browsers — Sudharsan S
– Sudharsan S, Commented Apr 17, 2015 at 7:34

Sudharsan S · Accepted Answer · 2015-04-17 07:38:03Z

1

Try the code

$('nav ul li').hover(function(){
   $('nav ul li').css("background-color", "#BBB");
   $(this).css("background-color", "#36D900"); 
});

answered Apr 17, 2015 at 7:38

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

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

1 Comment

adoion Over a year ago

This seems to work perfectly. I don't know why mine doesn't work but this seems to do the job. Jquery seems to be a mess but I guess JS is a bigger mess :).

Collectives™ on Stack Overflow

changing css background-color property

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related