The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Have multiple divs with same class animate on hover JQUERY

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #45306

    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.


    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?


    @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 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


    Like this?

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


    @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.


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


    @adahei definitely works. Thank you.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.