※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

javascriptで簡単にブロックを開いたり閉じたり


//javascript部分
function openTR(val){
var trObj=document.getElementById(val);
trObj.style.display = "block";
var openObj=document.getElementById("open_"+val);
openObj.style.display = "none";
var clObj=document.getElementById("close_"+val);
clObj.style.display = "block";
}
function closeTR(val){
var trObj=document.getElementById(val);
trObj.style.display = "none";
var openObj=document.getElementById("open_"+val);
openObj.style.display = "block";
var clObj=document.getElementById("close_"+val);
clObj.style.display = "none";
}


‹!--html部分-->
‹input type="button" onclick="openTR('1');" value=開く" id="open_1">‹br>
‹input type="button" onclick="closeTR('1');" value="閉じる" id="close_1" style="display:none;" >
‹div id="1" style="display:none;">
・・・・
‹/div>