Using hover class

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() {

});

Include your HTML and CSS please. The question isn't entirely clear. — Anthony Grist
– Anthony Grist, Commented Jun 8, 2012 at 9:09

James Allardice · Accepted Answer · 2012-06-08 09:12:07Z

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");
});

answered Jun 8, 2012 at 9:12

James Allardice

166k22 gold badges335 silver badges316 bronze badges

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

Comments

jbrtrnd · Accepted Answer · 2012-06-08 09:12:58Z

1

Try to do this :

$(".addinAction").hover(function(){
    $(".btnRBlk").trigger("mouseenter");
},function(){
    $(".btnRBlk").trigger("mouseleave");
});

answered Jun 8, 2012 at 9:12

jbrtrnd

3,8435 gold badges26 silver badges41 bronze badges

Comments

user1432124 · Accepted Answer · 2012-06-08 09:14:41Z

0

You jquery code has error

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

            });//this was errorneaous                 
            },function() {

    });

answered Jun 8, 2012 at 9:14

user1432124

Collectives™ on Stack Overflow

Using hover class

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related