<script>
$(function() {
$("#tabs").tabs();
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
</ul>
<div id="tabs-1">Tab 1</div>
<div id="tabs-2">Tab 2</div>
<div id="tabs-3">Tab 3</div>
</div>
Jika kita sudah declare tab seperti code di atas, maka secara default tab yang akan tampil yaitu tab yang pertama. Tapi jika kita ingin menampilkan specific tab maka code adalah :
$("#tabs").tabs('select',0); // Tab pertama akan tampil
$("#tabs").tabs('select',1); // Tab kedua akan tampil
$("#tabs").tabs('select',2); // Tab ketiga akan tampil






Recent Comments