使用JavaScript函数参数切换多个元素 [英] Toggle multiple elements using JavaScript function parameters

问题描述

我想根据点击哪个按钮来显示/隐藏div。我尝试使用JavaScript函数的参数来做这件事，但我猜我做的全部都是错误的，所以请帮助。

I want to show/hide a div depending on which button is clicked. I tried doing this using parameters of the javascript function but I'm guessing I'm doing it all wrong, so please help.

这里是我的HTML： p>

Here's the HTML I have:

<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-wise是这样的：

And here's what I've got so far, JS-wise:

<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>

推荐答案

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>

这篇关于使用JavaScript函数参数切换多个元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！