how to trigger class and hover effect using jquery

Question

Is ti possible to set the below css using jquery ??

like .addClass() in jquery

.macbook:not(:hover) .macbook-lid {
  -webkit-transform: rotate3d(-1, 0, 0, 91deg);
  -moz-transform: rotate3d(-1, 0, 0, 91deg);
  transform: rotate3d(-1, 0, 0, 91deg);
}
.macbook:not(:hover) .macbook-lid:before {
  width: 94%;
}

what are you trying to do....do you want to add a hover effect using jQery? — Arun P Johny
– Arun P Johny, Commented Nov 1, 2013 at 7:24

Rohan Kumar · Accepted Answer · 2013-11-01 07:34:41Z

1

Try this,

CSS

.macbook:not(:hover) .macbook-lid {  }
.test{
  -webkit-transform: rotate3d(-1, 0, 0, 91deg);
  -moz-transform: rotate3d(-1, 0, 0, 91deg);
  transform: rotate3d(-1, 0, 0, 91deg);
}
.macbook:not(:hover) .macbook-lid:before {
  width: 94%;
}

SCRIPT

$('.macbook').on('click',function(){
    $('.macbook-lid').toggleClass('test');
});

Tried to create a Demo

edited Nov 1, 2013 at 7:34

answered Nov 1, 2013 at 7:28

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

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

Comments

d.danailov · Accepted Answer · 2013-11-01 07:30:14Z

0

Is ti possible to set the below css using jquery ??

Yes.

JS:

$('.element').hover(function() {
$(this).addClass('class-below');
}, function {
$(this).removeClass('class-below');
});

CSS :

.class-below:before { .... }

You will use this class to add below logic.

answered Nov 1, 2013 at 7:30

d.danailov

9,8704 gold badges53 silver badges36 bronze badges

Collectives™ on Stack Overflow

how to trigger class and hover effect using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related