Javascript 远程控制的切换按钮

我有一个div切换按钮，我也设置为切换…我想允许用户通过单击相同的切换按钮或单击显示的div中的关闭选项来关闭div。问题是，如果用户选择使用关闭选项，则切换按钮会反转，因为它未设置为使用“关闭”选项切换

<!-- Toggle Button -->
<script type="text/javascript">
if(window.addEventListener){
window.addEventListener('load',multiImageSwap,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',multiImageSwap);
  }
 }

function multiImageSwap(){
   test=true;
document.getElementById('pic').onmouseover=function() {
if(test==true) {
   this.src='images/SN_Page_10_23_Possible_19A.png';
 }
else {
   this.src='images/SN_Page_10_23_Possible_19B.png';
  }
 }
document.getElementById('pic').onmouseout=function() {
if(test==true) {
   this.src='images/SN_Page_10_23_Possible_19A.png';
 }
else {
   this.src='images/SN_Page_10_23_Possible_19B.png';
  }
 }
document.getElementById('pic').onclick=function() {
if(test==true) {
   this.src='images/SN_Page_10_23_Possible_19B.png';
   test=false;
 }
else {
   this.src='images/SN_Page_10_23_Possible_19A.png';
   test=true;
   }
  }
 }
</script>

<!-- Toggle Reading -->
<script type="text/javascript">
function toggleDiv(divId) {
   $("#"+divId).toggle();
}
</script>

if（window.addEventListener）{
addEventListener（'load'，multiImageSwap，false）；
}
否则{
如果（窗口附件）{
window.attachEvent（'onload'，multiImageSwap）；
}
}
函数multiImageSwap（）{
测试=真；
document.getElementById（'pic'）.onmouseover=function（）{
如果（测试==真）{
这个.src='images/SN_Page_10_23_Possible_19A.png'；
}
否则{
这个.src='images/SN_Page_10_23_Possible_19B.png'；
}
}
document.getElementById（'pic'）.onmouseout=function（）{
如果（测试==真）{
这个.src='images/SN_Page_10_23_Possible_19A.png'；
}
否则{
这个.src='images/SN_Page_10_23_Possible_19B.png'；
}
}
document.getElementById（'pic'）。onclick=function（）{
如果（测试==真）{
这个.src='images/SN_Page_10_23_Possible_19B.png'；
测试=假；
}
否则{
这个.src='images/SN_Page_10_23_Possible_19A.png'；
测试=真；
}
}
}
函数切换div（divId）{
$（“#”+divId）.toggle（）；
}

---

它对我来说似乎工作正常。这里没有问题。可能是因为您将此代码与其他代码隔离，所以您所遇到的错误就在代码的该部分？