困deselectingすべてのタブjquery

Question

を設置していました一部のjQueryタブを始めるのないタブの選択のようになります:

$('#tabs').tabs( { selected: -1 } );  

その後も独立したリンクが押される必要が選択を解除すべての機能です。

$("#deselectButton").click(function(){      
    $('#tabs').tabs( 'select' , -1 )
});

または

$("#deselectButton").click(function(){      
    $('#tabs').tabs( 'selected' , -1 )
});

のdeselectButtonをクリックしい選択を解除をタブのコンテンツは、タブタイトルアクセルペダルのスクールにuiのタブを選択したui-state-アーティストとして活動.

何が正しい方法の選択を解除すべてのタブ?

Answer 1

みのあるコード:

$("#deselectButton").click(function(){          
    $('#tabs').tabs( 'selected' , -1 )
    $(".ui-tabs-selected").removeClass("ui-state-active").removeClass("ui-tabs-selected");
});

Answer 2

jQuery1.10しを要求する折りたたみ オプション を設定する必要があります。

$('#tabs').tabs('option', 'collapsible', true);
$('#tabs').tabs( 'option', 'active', false );

Answer 3

ご利用の場合は、jQuery UIバージョン1.9+その後、CSSコードを変更:

$('#tabs').tabs('option', 'active', false);

または:

$('.ui-tabs-active').removeClass('ui-tabs-active ui-state-active');

としてコメントします。感謝