Reversing the drop effect
When a user opens one of the help modals from my strip of thumbnails, I have the thumbnails drop and fade away to hide until the modal is closed. This is the code:
- $("#thumbnails").hide("drop", { direction: "down" }, 500);
This works great. The problem I'm having is reversing the animation. When the modal is closed, I need the thumbnails to rise up and fade in, reversing exactly the hide animation. The closest I have gotten is this:
- $("#thumbnails").show("drop", { direction: "up" }, 500);
I also tried this:
- $("#thumbnails").show("slide", { direction: "up" }, 500);
Both show the thumbnails strip but not like I need it to work. Both drop the thumbnails strip in from above and at 100% opacity without any fade in. I know I can write up a custom animation, but I'm wondering if there isn't simply a way to to the precise opposite of the hide animation. It was so easy to set up, and I thought most of the premade animations had reversals built in.