QAページで、Aが隠れている状態で、Qをクリックするとそれに対したAが現れるというプログラムです。二つ目をひらくと一つ目は閉じるようにしたいのですが・・・
変数にQのnameを保存して、次にファンクションが起動したときに用いようとしましたが、変数が残せませんでした。
どなたかお教えください。
<script type="text/javascript">
<!--
exq="";
function submenu(submenu_name) {
exq=document.getElementById("record").innerHTML;
vflg = document.getElementById(submenu_name).style.display;
if (vflg == 'none'){
document.getElementById(submenu_name).style.display = 'block';
if(exq !==""){
//★★ ↓ ここでエラーになる。
document.getElementById(exq).style.display ='none';
}
}else{
document.getElementById(submenu_name).style.display = 'none';
}
}
// -->
</script>
</head>
<body >
<div class="bunruiBox">
分類
</div>
<div class="Qbox">
<img src="q1.gif"align="middle"valign="top">
<a onClick="submenu('submenu_001')">
ここに質問1
</a>
</div>
<div id="submenu_001"style="display=none">
答え1
</div>
<div class="Qbox">
<img src="q1.gif"align="middle"valign="top">
<a onClick="submenu('submenu_002')">ここに質問2</a>
</div>
<div id="submenu_002"style="display=none">
ここにお答え2
</div>
</DIV>