[JS]アクティブなタブとパネルの境界線を無くすチュートリアル

アクティブなタブとパネルの境界線を無くすチュートリアルをSoh Tanakaから紹介します。

Simple Tabs w/ CSS & jQuery
demo

タブはリスト要素で実装されており、アクティブ時にはclassに「active」を与え、ボーダーの色を背景と同色（#fff）にして境界線を無くします。

デモではタブをクリックすると、フェードのアニメーションでパネルを切り替え、シンプルながらもかっこいいエフェクトを備えています。

スクリプトオフ時には各パネルは成り行きで表示され、各タブはページ内アンカーとして機能します。