$(function(){

	var $tabs = $("#tabs div");
	var $btns = $("#btns li a");

	// #btns li aを現在地にするclass属性値を指定してね
	var classSelect = "select";
	// #tabs divを表示にするclass属性値を指定してね
	var classHide = "hide";
	// 最初に表示したい#tabs divが●番目かを指定してね（0からだよ！）
	var selected = 0;

	// #tabs divのclass属性を削除するよ
	$tabs.removeAttr("class");
	// #tabs divにclass="hide"を設定するよ
	$tabs.addClass(classHide);
	// ●番目の#tabs divのclass="hide"を削除するよ
	$tabs.eq(selected).removeAttr("class");

	// #btns li aのclass属性を削除するよ
	$btns.removeAttr("class");
	// ●番目の#btns li aにclass="select"を設定するよ
	$btns.eq(selected).addClass(classSelect);

		// #btns li aをクリックするとタブが切り替わるよ
    $btns.click(function() {
			
			// クリックした#btns li aが●番目かを取得するよ
			var numBtns = $btns.index(this);

			// #tabs divにclass="hide"を設定するよ
			$tabs.addClass(classHide);
			// #btns li aと同じ●番目の#tabs divからclass属性を削除するよ
			$tabs.eq(numBtns).removeAttr("class");

			// #btns li aのclass属性を削除するよ
			$btns.removeAttr("class");
			// クリックした#btns li aにclass="select"を設定するよ
			$(this).addClass(classSelect);

			// URLにフラグメント識別子が入らないようにするよ
			return false;
			
    });

});