jQuery-div在下一次开始淡入之前没有完全淡出 [英] jQuery - divs not fading out completely before next starts fading in

问题描述

我知道问题是一个简单的问题，但是我有一段时间想弄清楚这个问题.我的页面上有8个div，其中包含开始隐藏的图像画廊.当用户单击图标查看图库时，他们选择的第一个图库会全都褪色.但是，当他们选择另一个对象时，他们正在查看的对象开始淡出，而另一个对象则在其下面淡入淡出，然后在第一个div隐藏时向上移动到正确的位置.

The problem is a simple one, I know, but I'm having a heck of a time trying to figure it out. I have 8 divs on a page that hold image galleries which start off hidden. When a user clicks on an icon to view a gallery, the first gallery they chose fades in all shiny. But when they choose another, the one they were viewing begins to fade out while the other fades in below it, and then moves up into its correct position as the first div is hidden.

请参见 jsfiddle .

所以，我的问题显而易见:
我如何才能让他们正在观看的画廊完全消失，直到下一个画廊消失在正确的空间中.

So, my question is apparent:
How do I get the gallery they were viewing to fade out completely before the next one fades into the correct space.

推荐答案

您可以使用position:absolute;

工作示例: http://jsfiddle.net/Ghokun/wnTte/13/

这篇关于jQuery-div在下一次开始淡入之前没有完全淡出的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！