プロパティのチェンジ
いつもこちらでお世話になっております。
下記のようなJavascriptとCSSでタブでの切り替えパネルを作ろうと思っています。
【header】
<script type="text/javascript">
function MM_changeProp(objId,x,theProp,theValue) { //v9.0
var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); }
if (obj){
if (theValue == true || theValue == false)
eval("obj.style."+theProp+"="+theValue);
else eval("obj.style."+theProp+"='"+theValue+"'");
}
}
</script>
【CSS】
#panel2 {display:none;}
【body】
<a href="#" onclick="MM_changeProp('panel1','','display','block','DIV')">AAA</a>
<a href="#" onclick="MM_changeProp('panel2','','display','block','DIV')">BBB</a>
<div id="panel1">AAAに関する内容</div>
<div id="panel2">BBBに関する内容</div>
現状では、リンク「BBB」をクリックしても切り替えにはならず、単に下に表示されるだけの状態です。
クリック時に該当displayをblockにするだけでなく、その時点で表示されているdisplayをnoneにすればいいのかな、
というあたりまでは推測できるのですが、その命令の追加方法が分かりません。
何卒アドバイスを宜しくお願い致します。
お礼
回答ありがとうございます。 勉強になりました。