タブ切り替えと連携する、アンカーリンクで開閉するコンテンツアコーディオン(複数開閉)

[ ID : 12393 ]
シルバー
タブ切り替えと連携する、アンカーリンクで開閉するコンテンツアコーディオン(複数開閉)
実装目安
3分

概要

アンカーリンクと連動するコンテンツアコーディオンを、タブ切り替えで管理する方法を紹介(複数開閉)。

用途・要件

  • あるアンカーリンク要素をクリックしたとき、該当のタブを開いた状態とし、その対象のアコーディオン要素をスライドで開く。
  • タブ切り替えは、data属性とid属性で対象を特定する。
  • アコーディオンが開いた際には、openクラスを付与。

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新)

その他

  • jQuery V3.7.1使用。

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録