少し複雑な『タブ切り替え』を実装してみました。
▽今回の実装テーマ
- 上下のタブの連動
- 下のタブを押すとスクロールして上にスクロールして移動する
- 外部ページからのリンクIDを可能にする。リンクIDのタブを開いた状態にする
なんだか難しそうですねー
できる自信がありませんねー
もくじ
シンプルなタブ切り替え
See the Pen 【jQuery】シンプルなタブ切り替え（外部ページからのリンクIDも可能） by 125naroom (@125naroom) on CodePen.
上下のタブの連動
See the Pen 【jQuery】タブ切り替え（上下のタブの連動） by 125naroom (@125naroom) on CodePen.
下のタブを押すとスクロールして上にスクロールして移動する
See the Pen 【jQuery】タブ切り替え（上下のタブの連動、下のタブを押すとスクロールして上にスクロールして移動する） by 125naroom (@125naroom) on CodePen.
【完成版】上下連動、下タブを押すとスクロールして上に、 外部ページからのリンクIDも可能
See the Pen 【jQuery】タブ切り替え（上下連動、下タブを押すとスクロールして上に、 外部ページからのリンクIDも可能） by 125naroom (@125naroom) on CodePen.
【確認】外部ページからのリンクIDを可能にする。リンクIDのタブを開いた状態にする
メモ
jQueryのことで何かわからないことがあればjQueryの日本語リファレンスサイトがあるので一度チェックしてみるといろいろ解決できたりしますよ。
さいごに
できたのですか？
できましたー
