Question

Using hover class of css.

I have a label called “show” & i have a button. So basically i want to change the background of the button (want the same color of hover) when i hover on the label i.e i want to use btn:hover {} class which is already there in css.

show - > on hover -> addClass - > btn:hover {} to (btn)  

$('.addingAction').hover(function() {
        $('.btnRBlk').css({
            //use hover class

        }};                 
        },function() {

});

Answer 1

You may be able to do this with pure CSS (no jQuery), but you would need to post your HTML.

However, as it is, the easiest way to do this would be to add a class name to your CSS:

btn:hover, .hovered {
    /* Styles */
}

And then use the jQuery addClass and removeClass methods:

$('.addingAction').hover(function() {
    $('.btnRBlk').addClass("hovered");
}, function() {
    $('.btnRBlk').removeClass("hovered");
});