javascript - 使用 JavaScript 函数参数切换多个元素

Question

我想根据单击的按钮显示/隐藏 div。我尝试使用 javascript 函数的参数来执行此操作，但我猜我做错了，所以请帮助。

这是我的 HTML:

<div id="div1">
Content of div1</div>
<div id="div2">
Content of div2</div>

<button id="button" onclick="showhide(x)">Toggle div1</button>

<button id="button" onclick="showhide(y)">Toggle div2</button>

这是我到目前为止所得到的，JS 方面的:

<script>
 function showhide(x,y)
 {
       var div x = "div1";
       var div y = "div2";
       var div = document.getElementById(x);
       var div = document.getElementById(y);

if (div.style.display !== "none") {
    div.style.display = "none";
}
else {
    div.style.display = "block";
}
 }
</script>

Answer 1

Here is the HTML code :
<div id="div1">
 Content of div1
</div>
<div id="div2">
  Content of div2
</div>

<button id="button" onclick="showhide('div1')">Toggle div1</button>
<button id="button" onclick="showhide('div2')">Toggle div2</button>

Here is the javascript code :

<script type="text/javascript" >
 function showhide(toggleID){
   var toggleDiv = document.getElementById(toggleID);
   if(toggleDiv.style.display != "none"){
    toggleDiv.style.display = 'none';
   }else{
    toggleDiv.style.display = 'block';
   }
 }
</script>