淡入淡出效果只闪烁

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毫秒的默认持续时间。

侧面说明，这将是更好地隐藏那么元素追加它和所有的完成后，在褪色的容器。