jQueryを使用してクリックで要素をフェードインさせてみましょう！
jQueryを使用してクリックで要素をフェードインする方法を説明します。
↓以下が実際のソースサンプルです。
▼JavaScript
<script>
$("#button").on("click", function() {
$("#appear").fadeIn("slow");
});
</script>
fadeIn()メソッドを使用することで非表示の要素をフェードインさせることができます。
fadeIn(“slow”)のように引数を指定することで、アニメーションの速度を指定できます。
完了までの時間を「slow」「normal」「fast」といった文字列での指定や、2秒間（2000ミリ秒間）なら「2000」といったミリ秒単位での指定が可能です。
▼HTML
<div id="button">クリック</div>
<div id="appear" style="display:none">要素がフェードイン表示</div>
今回、参考にさせていただいたのは、
『UX MILK』さんです。
ありがとうございます。
