javascript - div表示プロパティをブロックに設定してフェード効果を与える

Question

divのdisplayプロパティをblockに設定してフェード効果を与える必要がありますが、fadein関数はdivのdisplayプロパティをblockに変更しません。したがって、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/