こちらの記事は古いものになります。 新しい記事はこちらになります。 jQueryも最近は使う機会がめっきり減ったなと思う今日この頃です。 jQueryが便利だったなーと思うことは色々あるのですが、特に便利だった物の一つに「slideToggle()」があったと思います。

HTML＋CSSだけでアコーディオンメニューを作る方法を解説。スクリプトは一切不要。アコーディオンメニューは、質問をクリックすると回答がスライド表示されたり、題名をクリックすると対応コンテンツが表示されたりするUIによく使われます。jQueryなどを ...

JQueryを使ってアコーディオンメニューを実装する際、スムーズな開閉アニメーションを期待してCSSに「display: flex;」を指定すると、予期せぬレイアウト崩れが発生することがあります。これは、JQueryのslideToggle()やslideDown()といったメソッドが、要素の開閉時 ...

アコーディオンのロジックは下記の通りです。 最初にデフォルトの設定します。 一番目のアコーディオンを開いて、アクティブな状態にします。 クリックをすると。 クリックされたアコーディオンのアイテムは開くのか閉じるのか判定します。 「hidden ...