טאבים באתר קוד-ארט

<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">
		<p>
			Text for tab 1.</p>
	</div>
	<div id="tabs-2">
		<p>
			text for tab 2.</p>
	</div>
	<div id="tabs-3">
		<p>
			text for tab 3.</p>
	</div>
</div>

<script type="text/javascript">
	$(function() {
		$("#tabs").tabs();
	});
	</script>

<script type="text/javascript">
	$(function() {
		$("#tabs").tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
	});
	</script>