fadeIn эффект только вспыхивает

Question

Я пытаюсь добавить fadein в строку jquery, чтобы div исчезал при нажатии. Я только получаю вспышку, а затем не исчезаю. Я все еще новичок с 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 и используя disply: none в моем CSS с таким же аффекта.

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

Длительности приведены в миллисекундах; более высокие значения указывают на более медленную анимацию, а не на более быстрые. «Быстрые» и «медленные» строки могут быть поданы для указания длительности 200 и 600 миллисекунд соответственно. Если добавлена ​​какая-либо другая строка или если параметр длительности опущен, используется длительность по умолчанию 400 миллисекунд.

Примечание стороны, это будет лучше, чтобы скрыть элемент затем добавить его в и после того, как все это будет сделано, размытый контейнер.