jquery - "tabbing" problém

<!-- the tabs -->
<ul class="tabs">
	<li><a class="current" href="#first">Tab 1</a></li>
	<li><a href="#second">Tab 2</a></li>
	<li><a href="#third">Tab 3</a></li>
</ul>

<!-- tab "panes" -->
<div class="panes">
	<div style="display: block;">First pane. <a href="#third">open third tab</a></div>
	<div style="display: none;">Second pane. You can open other tabs with normal <a href="#first">anchor links</a></div>
	<div style="display: none;">Third tab content</div>
</div>

<!-- This JavaScript snippet activates the tabs -->
<script>

// perform JavaScript after the document is scriptable.
$(function() {
	// setup ul.tabs to work as tabs for each div directly under div.panes
	$("ul.tabs").tabs("div.panes > div");
});
</script>