$(document).ready(function() {
	
	// text要素の初期状態をCSSで指定してしまうと、
	// jQueryに対応していないブラウザで問題となるので、
	
	// text要素のうち
	$(".textimg")
		// sample_1とsample_2内の一番最初のtext要素を除いて
		// 非表示に。
		.hide();
			// text要素のうち
	$(".textimgs")
		// sample_1とsample_2内の一番最初のtext要素を除いて
		// 非表示に。
		.show();
	
	// sample_1のアコーディオン処理
	
	//* ここです。.nameimg -> .naviimg
	$("#leftnavi .naviimg").click(function(){
		// クリックした次の要素をスライド動作
		$(this).next().slideToggle('fast');
	});
	
	
	// 上のままだとマウスカーソルが変わらないのでリンクっぽくないので、
	// name要素にマウスオーバーしたら？
	
	//* 以下はCSSで対応(.naviimg内)
	
	/*
	$(".name").hover(function(){
		// マウスカーソルの形をリンクのものに偽装。
		$(this).css("cursor","pointer");
	},function(){
		// name要素からマウスが離れたら元に戻す。
		$(this).css("cursor","default");
	});
	*/
	
});