JAvascript table展開折り畳みを実現

本稿では,JavaScriptによりtable下でのコンテンツ展開・折り畳みを実現する(IE 8以降のみ利用可能).
リンクのダウンロードhttp://download.csdn.net/detail/psp0001060/9210119
展開状態:(「-」をクリックして折りたたみ状態になります)

折りたたみ状態:(「+」をクリックして展開状態になります)

htmlコード:

	
	
	


<!--
//         
function searchChange() {
	if (document.getElementById("searchChangeFlg").value == "1") {
		document.getElementById("tr2").style.display="block";
		document.getElementById("tr3").style.display="block";
		document.getElementById("tr4").style.display="block";
		document.getElementById("searchChange").innerHTML = "－";
		document.getElementById("searchChangeFlg").value = "0";
	} else {
		document.getElementById("tr2").style.display="none";
		document.getElementById("tr3").style.display="none";
		document.getElementById("tr4").style.display="none";
		document.getElementById("searchChange").innerHTML = "＋";
		document.getElementById("searchChangeFlg").value = "1";
	}

	return false;
}
// -->







－


title



 
123456
789456
017852
698852


apple
bags
balana
orange


１２３４５
６７８９０
１２３４５
６７８９０