0

我有一个 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在这里

4

0 回答 0