- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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 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
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. :)
@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.