[JS]アクティブなタブとパネルの境界線を無くすチュートリアル
アクティブなタブとパネルの境界線を無くすチュートリアルをSoh Tanakaから紹介します。
Simple Tabs w/ CSS & jQuery
demo
タブはリスト要素で実装されており、アクティブ時にはclassに「active」を与え、ボーダーの色を背景と同色（#fff）にして境界線を無くします。
デモではタブをクリックすると、フェードのアニメーションでパネルを切り替え、シンプルながらもかっこいいエフェクトを備えています。
スクリプトオフ時には各パネルは成り行きで表示され、各タブはページ内アンカーとして機能します。
Post on:2009年7月3日
