不能两次使用js功能

Question

我正面临着我的第一个java脚本问题，这意味着我是新手。 问题是我不能两次使用java-script功能。

function displaying(id){
    switch(id){
        case 1:
        document.getElementById("foot").style.display = "block";
        break;
        case 2:
        document.getElementById("foot").style.display = "none";
        break;
    }
}

我在点击“关于我们”时第一次调用此功能

<b id="about" onclick="displaying(1)" >Biz barada<b>

第二次我尝试不显示

<img id="close"  onclick="displaying(2)" src="img/close.png">

我想要显示的样式默认显示为：none

Answer 1

您尚未关闭<b>代码，因此始终将id设为1.以下是更新后的代码：

＆＃13;

＆＃13;

function displaying(id) {
  console.log(id);
  switch (id) {
    case 1:
      document.getElementById("foot").style.display = "block";
      break;
    case 2:
      document.getElementById("foot").style.display = "none";
      break;
  }
}

＆＃13;

<b id="about" onclick="displaying(1)">Biz barada</b>

<img id="close" onclick="displaying(2)" src="img/close.png">
<div id="foot">Foot</div>

＆＃13;

＆＃13;

＆＃13;