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

Question

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

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

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

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

или

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

Нажатие кнопки отмены выбора отменяет выбор содержимого вкладок, однако заголовок вкладок остается активным с классом '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 версии 1.9+, то код CSS изменился на:

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

или:

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

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