近年はYahoo!やiGoogle、Livedoor、goo抔、 各ポータルにより挙って採用されているとなれば、 其のインターフェースの有効性抔、 実証済みとも云えるタブ切り替え機能です。
jQuery UI の概要については一つ前2007年12月18日の記事 jQuery UI アコーディオン より引用させていただけば
jQueryでは、誰もが作れるプラグインの他に、タブやカレンダー、ドラッグやドロップなどある程度まとまったwidgetsやツールがjQuery UIとしてまとめられています。プラグインとの大きな違いは、ネームスペースがプラグインのjQuery.fnではなくjQuery.uiで記述されていることですが、使い方はほぼ変わりません。とあり、jQueryに於いてはデフォルトではありませんが、 プラグインよりは一段とデフォルトに近い形の実装であるようで、 他機能とのコンフリクトも多少安全性が高いのではないかと思われます。
jQuery UI タブ サンプル でもいくつかサンプルが実装されており、 .tabs({・・・}) に与えるパラメータによりタブの切り替えの視覚効果が変化するのですが、 今回当アーティクルでは .tabs({ fx: { height: 'toggle', opacity: 'toggle' } }) としてみました。
[続きを読む]をクリックするとサンプルをご覧いただけますが、 ブラウザによってはうまく動作しない場合もあるようです。