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