difficulté à décochant tous les onglets jquery

Question

Je Configurons quelques onglets jQuery pour commencer sans onglets sélectionnés comme ceci:

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

Puis j'ai aussi un lien distinct lorsqu'il est pressé besoins pour désélectionner tous les onglets.

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

ou

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

Le clic deselectButton ne décochez le contenu des onglets, mais le titre des onglets reste actif avec la classe 'ui-tabs-sélectionnés ui-state-actif'.

Quelle est la manière correcte de désélectionner tous les onglets?

Answer 1

Essayez ce code:

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

Answer 2

Si vous utilisez la version jQuery UI 1.9+ alors le code CSS a changé:

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

ou:

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

comme par commentaires ci-dessous. Merci

Answer 3

jQuery 1.10 requiert que le option réductible soit défini sur true.

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