淡入淡出效果只閃爍

Question

我想添加一個淡入淡出到我的jQuery字符串，因此點擊時div淡入。我只是gettng一閃，然後不褪色。我仍然是jquery的初學者。這似乎是應該工作？

$(document).ready(function() { 
    $("#Thumb1").click(function() { 
     $("#hidden").html('<iframe src="http://player.vimeo.com/video/38366163" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>').hide().fadeIn('2000'); 
     $("#leftsidePlayer").text("hey there new text!"); 
    }); 
});​ ​ 

我也試圖與.hide，在我的CSS使用disply: none具有相同的影響。

Answer 1

的持續時間應爲數字而不是字符串：

$("#hidden").hide() 
      .html('<iframe src="http://player.vimeo.com/video/38366163" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>') 
      .fadeIn(2000); // <==== Not fadeIn('2000') 

JSFidde DEMO

延時時間是以毫秒爲單位的較高的值表示較慢的動畫，而不是較快的動畫。可以提供字符串'fast'和'slow'來分別指示200和600毫秒的持續時間。如果提供了任何其他字符串，或者省略了duration參數，則使用400毫秒的默認持續時間。

側面說明，這將是更好地隱藏那麼元素追加它和所有的完成後，在褪色的容器。