问各位高手一个关于多个js点击显示隐藏元素的问题

Question

<script type="text/javascript">
function display(id){
      var target=document.getElementById(id);
       if(target.style.display=="none"){
          target.style.display="";
          document.getElementById("Arrow").src="images/a_up.gif";
       }else{
          target.style.display="none";
          document.getElementById("Arrow").src="images/a_down.gif";
    }
   }
</script>
就是显示隐藏使用到的，同时变换一个图片，图片用ID=Arrow 。调用的时候使用 onClick="display('menu1');"当一个页面调用一次的时候此代码运行正常，当页面中两次使用的时候便出错了，即有 onClick="display('menu1');" 和 onClick="display('menu2');" 的时候，请问各位高手，该怎么改。

Answer 1

应该可以的，HTML怎么写的？function display(id){
      var target=document.getElementById(id);
       if(target.style.display=="none"){
          target.style.display="";
          document.getElementById("Arrow").src="images/a_up.gif";
       }else{
          target.style.display="none";
          document.getElementById("Arrow").src="images/a_down.gif";
    }
   }
</script>
<div id="menu1">xxxxx</div>
<div id="menu2">sssssssssss</div>
<img id="Arrow">
<input type="button" onclick="display('menu1')">
<input type="button" onclick="display('menu2')">

Answer 2

谢谢楼上的，我有两个div，想点击 menu1 div 的时候只变化  menu1 div 中的图片，点击 menu2 div 的时候只变化  menu2 div 中的图片。而不是只有一个 <img id="Arrow">

Answer 3

那要根据你的HTML来改 ，简单点就多加一个参数作为图片的id, HTML中给每个图片不同的id

Answer 4

假设我图片的id是 Arrow1 和 Arrow2
那么js该如何改？我是js菜鸟，请楼上帮忙。

Answer 5

<script>
function display(id, picid){
      var target=document.getElementById(id);
       if(target.style.display=="none"){
          target.style.display="";
          document.getElementById(picid).src="images/a_up.gif";
       }else{
          target.style.display="none";
          document.getElementById(picid).src="images/a_down.gif";
    }
   }
</script>
<div id="menu1"><img id="Arrow1">xxxxx</div>
<div id="menu2"><img id="Arrow2">sssssssssss</div><input type="button" onclick="display('menu1', 'Arrow1')">
<input type="button" onclick="display('menu2', 'Arrow2')">