［jQuery］軽量でカスタマイズも簡単なjQueryタブの作り方
こんにちわ！Noob Web Designer（@NoobWebDesigner）です！
今回は軽量かつカスタマイズも簡単なjQueryタブの作り方をご紹介します。
このjQueryタブはvisibility:hiddenを使用するため、タブ内に読み込みの遅いものがある場合や、外部ファイル読み込みにも適しています。
jQueryタブの実行例
See the Pen No skill Tabs by Noob Web Designer (@NoobWebDesiner) on CodePen.
解説
前述していますが、このjQueryタブではvisibility:hiddenを使用しているため、display:noneと違い非表示タブの内容も読み込み続けるため、途中で読み込みが中断されると困るJSや、画像の高さなどのノードを取得しなければならない場合に役に立ちます。
通常タブを作る際はaタグを使う場合がほとんだと思いますが、このタブではdata属性を使ってタブ移動を行うため、URLにハッシュ（#）がつくことはありません。
