2021-01

アコーディオンメニュー

【アコーディオンメニュー】開くボタン・閉じるボタンをフォントの反転で実装する場合

アコーディオンメニューの開くボタン・閉じるボタンをフォントで実装します。フォントにはFont Awesomeを使用します。開くボタンは下向き矢印のフォント、閉じるボタンは開くボタンをCSSで180度反転させた上向き矢印のフォントです。

アコーディオンメニュー

【アコーディオンメニュー】コンテンツの表示数を指定して表示

コンテンツの表示数を指定して表示し、指定の数を超えるコンテンツは非表示にします。非表示のコンテンツは「もっと見る」ボタンで表示数分だけ表示し、コンテンツを全て表示したタイミングで「もっと見る」ボタンを非表示にします。なおコンテンツが指定の表示数と同じかそれよりも少ない場合は「もっと見る」ボタンを非表示にします。

タイトルとURLをコピーしました