[JS]タブと連動するNext/Previousボタンを設置するスクリプト

タブにNext/Previousボタンを設置し、操作を補助するスクリプトをCSS TRICKSから紹介します。

jQuery UI Tabs with Next/Previous
demo

タブの数が多くなると、タブだけのナビゲーションではマウスをちょっとずつ動かす動作が不便なため、定位置でクリックできるように設計した、とのことです。

スクリプトの実装には、jQueryとjQuery UIが必要となっています。