Cómo establecer una ficha predeterminada con jQuery UI

Question

estoy usando jQuery y jQuery UI con lo siguiente:

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

En este momento se establece automáticamente las primeras pestañas como la pestaña predeterminada que se selecciona cuando se carga el documento . ¿Cómo anulo esto y hago que la segunda pestaña sea la pestaña seleccionada por defecto cuando se carga la página?

Answer 1

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

Más detalles sobre el specifications page.

Answer 2

He encontrado esta solución alternativa que podría ser preferible en algunas situaciones: http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

Answer 3

Si sucede utilizar jQuery UI >= 1.9, así es como funciona:

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

Más detalles en las fichas Widget Página de API: http://api.jqueryui.com/tabs/#option-active