Different for tab2
by radek
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/themes/base/jquery-ui.css">
<div id="tabs">
<ul>
<li><a href="#tabs-1">tab1</a></li>
<li><a href="#tabs-2">tab2</a></li>
</ul>
<div id="tabs-1"><button type="button" id="clicktab2" onclick='$("#tabs-2").trigger("click")
'>go to tab2</button> </div>
<div id="tabs-2">tab2 content </div>
</div>
JavaScript
$(function() {
$( "#tabs" ).tabs();
});