jquery animate opacity突然显示而不是平滑

Question

我正在试图制作一些我制作的标签内容。当淡出内容时它可以很顺利地工作，但是淡入内容则不然。内容只是突然出现而不是渐渐消失。

请在此处查看我的代码：http://jsfiddle.net/rqsJ8/2/

我已经尝试了我能想到的一切，但我无法弄清楚为什么会这样。

请赐教。

非常感谢

Answer 1

http://jsfiddle.net/rqsJ8/25/

更改为使用fadeIn和fadeOut。

Answer 2

我已使用新代码更新了版本并将其保存在小提琴中，这里是链接：http://jsfiddle.net/rqsJ8/61/

Answer 3

你没有提到速度的时间..

tabContent.animate({ opacity: 0 }, function() {
        $(this).removeClass('selected');
    }, speed );