Simple JS tabs

gistfile1.html

<div class="tabs">
	<ul class="tab-list">
		<li><a href="#tab-1">Tab 1</a></li>
		<li><a href="#tab-2">Tab 2</a></li>
		<li><a href="#tab-3">Tab 3</a></li>
	</ul> <!-- .tab-list -->

	<div class="tab" id="tab-1"></div>
	<div class="tab" id="tab-2"></div>
	<div class="tab" id="tab-3"></div>
</div> <!-- .tabs -->

gistfile2.js

verticalTabs: function() {
	$('.tabs').each(function() {
		var $el = $(this);
		var $tabs = $el.find('.tab');
		var $links = $el.find('.tab-list a');

		$tabs.hide();

		function activate(el) {
		       	var $link = $(el);
		       	$links.removeClass('active');
		       	$tabs.hide();
		       	$link.addClass('active');
		       	$($link.attr('href')).show();
		}

		$links.bind('click', function() { activate(this); });

		activate($links[0]);
	});
}