jquery - 通过单击添加类时淡入 1000

Question

当通过 Click 函数添加类时，我尝试fadeIn 1000。

我已经尝试过: http://jsfiddle.net/rf7mudL5/

HTML

<span class="date-outer">Text will Red on fadeIn</span>

<button class="more-recent-button"></button>

JS

$(".more-recent-button").click(function(){
 $(".date-outer").fadeIn("1000").addClass("more-date-outer");
});

那么当类通过单击按钮添加时如何不透明度淡入？ 是否可能是这样:当单击按钮时，内容将淡入 1 次，不透明度:0 到 1 或没有 css，意味着单击时淡入内容 1 次。有什么建议吗？

Answer 1

CSS:

transition-duration: 1s;

编辑: 不透明度淡入:http://jsfiddle.net/rf7mudL5/9/