Comment définir un onglet par défaut avec Jquery UI

Question

J'utilise JQuery et JQuery UI avec les éléments suivants:

$(document).ready(function() { 
    $('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' } }); 
}); 

En ce moment, il définit automatiquement les premiers onglets que l'onglet par défaut qui est sélectionné lors du chargement de documents . Comment puis-je remplacer cela et faire du second onglet l'onglet sélectionné par défaut lorsque la page se charge?

Answer 1

$('#tabvanilla > ul').tabs({ selected: 1 }); 

Plus de détails sur le specifications page.

Answer 2

Je trouve cette solution alternative qui pourrait être préférable dans certaines situations: http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

Answer 3

Si vous arrive d'utiliser jQuery UI >= 1.9, voici comment cela fonctionne:

$(".selector").tabs({ active: 2 }); 

Plus de détails sur les onglets Widget Page API: http://api.jqueryui.com/tabs/#option-active