How to set a defualt 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: 'toggle' } }); });

Right now it automatically sets the first tabs as the default tab that is selected when the document loads. How do I override this and make the second tab the default selected tab when the page loads?

Answer 1

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

More details on the specifications page.