Have multiple divs with same class animate on hover JQUERY

[Anonymous]

I’ve asked this question before and got a pretty good solution. I’m not a jquery wiz and am not sure how to do it this way.

I want each of the divs of .team_member_card_info to slide up individually and not all at onece depending on which one you are hovering over.

[CrocoDillon]

Explain the last part. Depending on which you are hovering. Like a wave sort of thing? Do you want the one that’s hovered slide up as well?

[Anonymous]

@CrocoDillon i want the .team_member_info to slide up when hovering over the .team_member_info_card. This is what i want to achieve http://reallycoolstuff.net/PROJECTS/Unica/# go to about us and you can see at the bottom of that page each member div has an inner div that slides up when hovering over it. But i want that to be done with the code in this pen http://codepen.io/Jarolin/pen/tvkxw

[Historical Forums User]

Like this?
[http://codepen.io/adahei/full/yeqaj](http://codepen.io/adahei/full/yeqaj “http://codepen.io/adahei/full/yeqaj”)

I solved it by using css transition, you can delete it and use the javascript instead… that shoud work too. :)

[Anonymous]

@adahei that works but there’s a small problem with it while using the javascript. If you move the cursor allot while it’s sliding up the animation slightly stops. And if i remove .stop() it doesn’t slide down when mouseleave. And i forgot to mention i don’t want to use CSS because of browser compatibility.

[Historical Forums User]

I replaced .mouseover() to .mouseenter() and I think it works now.

[Anonymous]

@adahei definitely works. Thank you.

[Author]

Posts