jQuery fadeIn 似乎没有运行？

Question

非常简单的 jQuery 元素作为实践。我已经设置了一个按钮(#btn)，我想看看当我单击该按钮时是否可以淡入 Div。我设置了一个 Fiddle，代码本身有什么问题吗？

链接到JsFiddle .

--代码--

-jQuery-

> jQuery(function() { 
>           $('#btn').click(function(){
>               $('#text2').fadeIn(1000);
>               });      })

--HTML--

<div id="btn">

    <button>Click Me!</button>


</div>

<div id="text">

<h1> hello </h1>

</div>

<div id="text2">

<h2 style> Hi There! <h2>

</div>

Answer 1

fadeIn() 适用于 display:none; css 属性，不适用于不透明度。 您可以使用 .css('opacity', '1') 或为此设置动画...

Jsfiddle