【jQuery】クリックしたボタンを徐々に透明にする

ボタンをクリックした後、そのボタン自身を徐々に透明にし最終的には非表示にする必要があったので、いろいろ調べながら書いてみました。IEは9、10で確認。

リンクとして利用しないのでe.preventDefault();で伝播しないように設定
ボタンをクリックしたら徐々に透明にし、アニメーションが完了したらボタンを非表示にするようにしています。
要素を透明化しただけでは、マウスオーバーが有効になってしまうのでボタンを非表示にしています。

animate終了後の処理はcompleteの後に書くんですね。

今回は1回きりの処理なのでこれでよいでしょう。たぶん...。

サンプルはコチラ

投稿日
カテゴリ