モーダルウィンドウ 【モーダルウィンドウ】プラグインを利用してhtml内のソースを表示【modaal.js】
jQueryプラグインのmodaal.jsを利用します。レスポンシブ対応で、bodyのスクロールバーは非表示です。html内のソースをidで指定してモーダルウィンドウ内に表示します。
2020-08
モーダルウィンドウ 
アコーディオンメニュー 【アコーディオンメニュー】コンテンツの最大数を指定して表示
コンテンツの最大数を指定して表示し、指定の数を超えるコンテンツは非表示にします。非表示のコンテンツは「もっと見る」ボタンで表示、「閉じる」ボタンで非表示にします。なおコンテンツが指定の最大数と同じかそれよりも少ない場合は「もっと見る」ボタンを非表示にします。
マウスオーバー 【マウスオーバー】CSSのみで画像内にキャプションを表示
マウスオーバーで画像内にキャプションを表示し、マウスアウトでキャプションを非表示する動作のサンプルです。CSSのみで実装し、フェードイン・フェードアウトはtransitionを利用します。