jQuery hover and slide/toggle help.

[Thadley]

Hey guys,

Hopefully this is a quick fix :)

This is as close as I’ve been able to get it to do what I want it to do.
Codepen Example

This is what I want it to do:
1) Hover over the box and have the overlay fade in
2)Have the title box slide up shortly after
3)Hover off the box and have the overlay fade out and title slide back down

Right now, its weird and I’m pretty sure it’s the toggle making it do the opposite.

1) It fades in properly minus the title not sliding up.
2)Since they are both technically visible now, the toggle turns them back off immediately.

As I was messing around with it, I was having the issue where it would fade in, title would slide up but once you hovered back over the same box, they would just both fade in.

Help would be appreciated :)

[Thadley]

@Mottie No it works exactly like I was trying to do myself. :) I was having that issue with the overlay/workTitle variables. I had also thought about the overflow:hidden aspect but I guess the way I was trying to make it work wasn’t panning out.

It makes me feel a bit better knowing I was somewhat on the right path! :)

[Author]

Posts