タブ(横・縦)タブ切り替えJavaScriptjQueryhide[jquery]addClass[jquery]removeClass[jquery]index[jquery]タブとは、限られたエリアの中に、複数の情報を詰め込むときに使う便利な表現です。クリックされたときに情報を読み込むパターンもありますが、今回は、静的でページがロードされたときに、すべてのタグの情報を読み込むパターンです。メリットとしては、クリック時にロードするストレスが少ないこと、ソースに書かれているのでSEOにも有効と言われています。デメリットとしては、当然に前もって情報を取得するので、ユーザが必要としない情報まで読みこみ、ページ全体のロードを遅らしてしまう場合があることです。以下のリンクから2種類のタブを紹介します。横並びと、縦並びとおまけで上下のタブを行き来するボタンも設置しました。