[JS]シンプルなタブを実装する超軽量(5KB)のスクリプト -SimpleTabs

jQueryなど他のスクリプトに依存せず、シンプルなタブコンテンツを実装する超軽量(5KB)のスクリプト「SimpleTabs」を紹介します。

デモのキャプチャ

SimpleTabs

タブとパネルは、それぞれリストとdiv要素で実装されています。
タブとパネルの対応は実装の順番通りになるため、IDなどでのコントロールは不要となっています。

また、ブラウザのクッキーを利用して、最後にアクティブにされたタブを保存し、再アクセスした際にそのタブをアクティブにします。

sponsors

top of page

©2024 coliss