How to set a default tab with Jquery UI

Question

I\'m using Jquery and Jquery UI with the following:

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


        

Answer 1

If you happen to be using jQuery UI >= 1.9, this is how it works:

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

More details on the Tabs Widget API page: http://api.jqueryui.com/tabs/#option-active

Answer 2

I found this alternate solution which might be preferable in some situations: http://www.markhneedham.com/blog/2010/09/08/jquery-ui-tabs-changing-selected-tab/

Answer 3

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

More details on the specifications page.