JS, HTML: Basic Tab UI

gistfile1

//html
<div class="uiTabList clearfix">
	<p class="nav">
		<a href="javascript: void 0;" onclick="_self.changeTab(this);" class="active">Menu Title 1</a>
		<a href="javascript: void 0;" onclick="_self.changeTab(this);">Menu Title 2</a>
	</p>
	<div class="tabs">
		<div class="tab active">
		</div>
		<div class="tab">
		</div>
	</div>
</div>

//JavaScript
var _self = {};//global
_self.changeTab = function(elem)
{
	var $this = $(elem),
		$parent = $this.parent(),
		index = $parent.children().index(elem);
	$parent.children().removeClass("active");
	$this.addClass("active");

	$parent.next().children()
		.removeClass("active")
		.eq(index).addClass("active");
};