jQueryのfadeToメソッド
メソッド fadeTo
は、要素の
opacity
（不透明度）を指定された値まで変更することができます（0は完全に透明、1は完全に不透明）。
第一パラメータとして不透明度の目標値、第二パラメータとして実行にかける時間を指定します。
ボタンをクリックすると、要素が1秒かけて半透明になるようにしてみましょう。まずは次のHTMLコードを用意します：
<button id="fade">click me</button>
<div id="elem">text...</div>
また、CSSは次の通りとします：
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
次に、以下のJavascriptコードを記述します：
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
