$(document).ready(function() {

	// text要素の初期状態をCSSで指定してしまうと、
	// jQueryに対応していないブラウザで問題となるので、

	// text要素のうち
	$(".text")
		// 非表示に。
		.hide();

	// sample_1のアコーディオン処理
	$("#sample_1 .name").click(function(){
		// sample_1内のtext要素のうちクリックした次の要素を除いてスライドアップ
		$("#sample_1 .text").not($(this).next()).slideUp();
		// クリックした次の要素をスライド動作
		$(this).next().slideToggle();
	});

	// sample_2のアコーディオン処理
	$("#sample_2 .name").click(function(){
		// sample_2内のtext要素のうちクリックした次の要素を除いてスライドアップ
		$("#sample_2 .text").not($(this).next()).slideUp();
		// クリックした次の要素をスライド動作
		$(this).next().slideToggle();
	});

	// sample_3のアコーディオン処理
	$("#sample_3 .name").click(function(){
		// sample_3内のtext要素のうちクリックした次の要素を除いてスライドアップ
		$("#sample_3 .text").not($(this).next()).slideUp();
		// クリックした次の要素をスライド動作
		$(this).next().slideToggle();
	});

	// sample_4のアコーディオン処理
	$("#sample_4 .name").click(function(){
		// sample_4内のtext要素のうちクリックした次の要素を除いてスライドアップ
		$("#sample_4 .text").not($(this).next()).slideUp();
		// クリックした次の要素をスライド動作
		$(this).next().slideToggle();
	});


	// 上のままだとマウスカーソルが変わらないのでリンクっぽくないので、
	// name要素にマウスオーバーしたら？
	$(".name").hover(function(){
		// マウスカーソルの形をリンクのものに偽装。
		$(this).css("cursor","pointer");
	},function(){
		// name要素からマウスが離れたら元に戻す。
		$(this).css("cursor","default");
	});

});