このサンプルは、jQuery UIのtabsプラグインを使用してコンテンツをタブで切り替えます。[Tab1-3]をクリックするとコンテンツが表示されます。タブをドラッグ＆ドロップすると、タブを並べ替えることができます。たとえば、[Tab 1]を最後にするには、[Tab 1]をドラッグして[Tab 3]の後ろにドロップします。
タブを並べ替えするには、jQuery UIのsortableプラグイン(ui.sortable.js)を組み込む必要があります。
$(function() {
$("#tabs").tabs().find(".ui-tabs-nav").sortable();
});