设置div显示属性以阻止淡入淡出效果

Question

我需要将div的display属性设置为block给出淡入淡出效果，fadein函数不会改变div的显示属性来阻止。所以无法看到。我该怎么办？

$('lesson-'+tab).setStyle({
display: 'block'
});

<div id='lesson'>
</div>

Answer 1

您可以FadeIn其属性设置为{display:none}

的元素

<div id='lesson'>
</div>

的CSS：

#lesson{
    display:none;
    height:100px;
    width:100px;
    background-color:red;
}

jquery的

$(document).ready(function(){
    $("#lesson").fadeIn(1000);
});

演示链接http://jsfiddle.net/uttara/TnHbJ/