TabTab.jsは素敵なアニメーション付きのタブコンテンツを実装することができるjQueryプラグインです。タブの切り替えと同時にパネルがアニメーションしながら切り替わるので、インパクトあるタブコンテンツを取り入れたい時なんかによさそうですね。
TabTab.js
TabTab.jsの詳しい使い方やダウンロードは以下になります。デモも用意されています。
軽量でアクセシブル、使い方も簡単なのでサクッと導入しやすいのがいいですね。デモはレスポンシブになっているので、スマホからもタブ操作をさせたい時にも便利です。
また、キーボードナビゲーションにも対応しているので矢印キーでタブを切り替えることも可能です。
いろんな人が使いやすい設計になっています。
オプションもたくさん用意されており、イージングやスピードなどアニメーションに関する部分もカスタマイズできるようになっています。
他にもスライド開始位置やキーボードナビゲーションの設定など様々なオプション項目があるので、気になる方は是非チェックしてみてください。
