jQuery – 在下一次开始消失之前,div不会完全淡出

我知道,这个问题很简单,但是我有一段时间试图解决这个问题.我在页面上有8个div,它们保存着隐藏的图像库.当用户点击图标查看图库时,他们选择的第一个图库会闪烁.但是当他们选择另一个时,他们正在观看的那个开始淡出而另一个在它下面消失,然后在隐藏第一个div时向上移动到正确的位置.

见jsfiddle.

所以,我的问题很明显：
在下一个画廊消失到正确的空间之前,如何让他们正在查看的画廊完全淡出.

您可以将div放在彼此的顶部,位置为：absolute;

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