Question

Is it possible to load just tabs when page is loaded?

Sample code:

http://jsfiddle.net/MWtMR/2/

It should only display text if I click on some tab. Divs #tab1, #tab2, #tab3 should remain hidden until I click on one of the tabs.

Update:
http://jsfiddle.net/MWtMR/3/

I found it by setting collapsible: it is true that I can click and it will close that tab content. How can I make this behavior on load of the page?

Answer 1

Set the selected option to -1

$('#tabvanilla').tabs({ fx: { height: 'toggle', opacity: 'toggle'}, selected: -1 });

Updated fiddle: http://jsfiddle.net/MWtMR/4/