サイドバーのコラム開閉

<script language="JavaScript"> <!-- /* コラム開閉スクリプト */ function toggleOpenClose(id,val){ if(val == "＋"){ document.getElementById(id).style.display = "none"; document.getElementById('btn' + id).value = "−"; } else{ document.getElementById(id).style.display = "block"; document.getElementById('btn' + id).value = "＋"; } } function getButton(obj, i , sInner , bDefaut){ var ret; var val; if ( bDefaut ) { val = "＋"; } else { val = "−"; } ret = '<div align="left">'+'<input type="button" value="' + val + '" id="btncolumn' + i + '" class="btncolumn" onclick="toggleOpenClose(\'column' + i + '\',this.value);"/>'+'<label for="btncolumn' + i + '" class="sidetitle">' + sInner + '</label>' + '</div>'; obj.setAttribute("id", 'column' + i); return ret; } var aryTitle = new Array(); var aryDefault = new Array(); /* ここから２行ずつひとまとまり */ /*----ここから----*/ aryTitle[9] = "ＬＩＮＫ"; aryDefault[9] = true; aryTitle[10] = "ＤＲＥＣＯＭ ＲＳＳ"; aryDefault[10] = false; aryTitle[11] = "読者一覧"; aryDefault[11] = false; /*----ここまでの間に開閉させたいコラムの数だけコピペして修正----*/ var aryDiv = document.getElementsByTagName("div"); var sTmpInner; for(var j = 0; j < aryDiv.length; j++){ if(aryDiv[j].getAttribute("class") == "sidetitle" ||aryDiv[j].getAttribute("className") == "sidetitle"){ sTmpInner = aryDiv[j].innerHTML; for(var i = 0; i < aryTitle.length ; i++){ if (sTmpInner.indexOf(aryTitle[i]) != -1 ) { aryDiv[j].innerHTML = getButton(aryDiv[j+2], i , sTmpInner , aryDefault[i]); } } } } if(document.getElementById){ document.writeln('<style type="text/css" media="all">'); document.writeln('<!--'); for(var i = 0; i < aryDefault.length ; i++){ if( aryDefault[i] ){ document.writeln('#column' + i + '{display:block;}'); } else { document.writeln('#column' + i + '{display:none;}'); } } document.writeln('-->'); document.writeln('</style>'); } //--> </script>
true は開いている状態
false は閉じている状態

このスクリプトをフリーエリアに