jQuery UIのタブ切り替え

jQuery UIのタブ切り替え

<title>jQuery UIのタブ切り替え</title>
<script type="text/javascript" src="../js/jquery.js"></script>
<link rel="stylesheet" href="../css/flora.tabs.css" type="text/css" media="screen" title="Flora (Default)">
<script type="text/javascript" src="../js/ui.core.js"></script>
<script type="text/javascript" src="../js/ui.tabs.js"></script>
<script>
$(document).ready(function(){
	$("#jq_tabBox > ul").tabs();
});
</script>
</head>
<body>
	<div id="jq_tabBox" class="flora">
		<ul>
			<li><a href="#tab01">内容</a></li>
			<li><a href="#tab02">ソース</a></li>
		</ul>
		<div id="tab01">
			<p>jQuery UIのタブ切り替え</p>
		</div>
		<div id="tab02">
			<p>ソース</p>
		</div>
	</div>
</body>