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 );