サイト制作の時によく使われるテンプレ的な動きがあります。その機能が欲しい時やSPサイトなどで凝った動きが必要ない時に簡単で便利なjqueryをまとめていきます。10+a要素とか関係無くとりあえずクラスに[hov]を指定した物が透過されます。10+a要素とか関係無くとりあえずクラスに[flash]を指定した物が光ります。マウスをのせた時に画像が切り替わる※画像サイズが大きい場合、スマホでタッチした時に表示がおかしくなります。※a要素で囲んだ時のみふわっと動きます。smart-crossfade.jshtml上にはhover前の画像を入れておき、画像の置き場にhover後の画像も用意しておく。ファイル名の最後にいれる。拡張子やサイズはもちろん統一しておく。{$(this).toggleClass(&quot;open&quot;);$(this).next(&quot;dd&quot;).slideToggle(500,'easeInOutExpo');});});参考:スマートフォンにも使える、クリックで開くアコーディオンメニューjQuerydl(定義リスト)を作った後classにaccordionを追加するだけで開閉式のアコーディオンが完成!ボタン扱いであるdtのclassにopenが追加されるのでそれを使って背景変更などもできます。});});参考:スクロール量に合わせてボタンを表示する参考:【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascriptスクロールをした時に表示させたい要素にclassの[fade]を追加するだけで大丈夫。href=”#top”]を足す。src=&quot;common.js&quot;&gt;&lt;/script&gt;&lt;/p&gt;終わりリセットcssのごとくサイトを作る際とりあえず入れておくファイルに、こういった簡単で便利なjsファイルを入れておくと色々捗りますよね。地味に追加していく予定です。