Возникают проблемы с отменой выбора всех вкладок jquery

Question

Я настроил некоторые вкладки jQuery, чтобы они начинались без вкладок, выбранных следующим образом:

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

Тогда у меня также есть отдельная ссылка, которая при нажатии должна отменить выбор всех вкладок.

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

или

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

При нажатии deselectButton отменяется выбор содержимого вкладок, однако заголовок вкладок остается активным с классом ui-tabs-selected-ui-state-active.

Как правильно отменить выбор всех вкладок?

Answer 1

Попробуйте этот код:

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

Answer 2

jQuery 1.10 требует, чтобы параметр для разборного был установлен в значение true.

$('#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');

согласно комментариям ниже. Спасибо