javascript - リモートで制御されるトグルボタン

Question

ボタンをクリックすると 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>

jsfiddle HERE