Selected In Jquery Tab

<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

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Anti-Spam Quiz: