我已经更新了我的问题。因此，我再次提出我的问题：我有一组按钮（“背景”、“耳朵”、“头发”、“眼睛”、“嘴巴”、“腿”、“脖子”、“配饰”）。我想通过点击它的每一个按钮，看到另一组按钮，从触发器按钮生成。这意味着由“背景”生成的按钮不同于任何其他按钮，如“耳朵”或“头发”。因此，应该显示的按钮只能来自“背景”，而不是来自任何其他背景。如果我点击另一个按钮，如“附件”，“背景”按钮应该消失，只有那些“附件”应该显示。之前，我尝试过If else{}语句。现在我想尝试一个switch{}语句。我是这样写的：所以请告诉我，为了解决这个问题，这段代码中缺少了什么？

function myFunction(id){
  var x = document.getElementById(id);
  switch (x) {
      case id="Backgrounds":
        document.getElementById(id).style.display = "block";
        break;
      case id="Ears":
        document.getElementById(id).style.display = "block";
        break;
      case id="Hair":
        document.getElementById(id).style.display = "block";
        break;
      case id="Eyes":
        document.getElementById(id).style.display = "block";
        break;
      case id="Mouth":
        document.getElementById(id).style.display = "block";
        break;
      case id="Legs":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Neck":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Acessories":
        document.getElementById(id).style.display = "block";
        }
        
     }

下面是我以前编写代码的方式:

function myFunction(id){
  var x = document.getElementById(id);
  switch (x) {
      case id="Backgrounds":
        document.getElementById(id).style.display = "block";
        break;
      case id="Ears":
        document.getElementById(id).style.display = "block";
        break;
      case id="Hair":
        document.getElementById(id).style.display = "block";
        break;
      case id="Eyes":
        document.getElementById(id).style.display = "block";
        break;
      case id="Mouth":
        document.getElementById(id).style.display = "block";
        break;
      case id="Legs":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Neck":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Acessories":
        document.getElementById(id).style.display = "block";
        }
        
     }

目标是在只单击与。

关联的前一个按钮时显示“rightsubbuttons”

function myFunction(id){
  var x = document.getElementById(id);
  switch (x) {
      case id="Backgrounds":
        document.getElementById(id).style.display = "block";
        break;
      case id="Ears":
        document.getElementById(id).style.display = "block";
        break;
      case id="Hair":
        document.getElementById(id).style.display = "block";
        break;
      case id="Eyes":
        document.getElementById(id).style.display = "block";
        break;
      case id="Mouth":
        document.getElementById(id).style.display = "block";
        break;
      case id="Legs":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Neck":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Acessories":
        document.getElementById(id).style.display = "block";
        }
        
     }

---

顺晟科技：

我想您想要“无”而不是“隐藏”

function myFunction(id){
  var x = document.getElementById(id);
  switch (x) {
      case id="Backgrounds":
        document.getElementById(id).style.display = "block";
        break;
      case id="Ears":
        document.getElementById(id).style.display = "block";
        break;
      case id="Hair":
        document.getElementById(id).style.display = "block";
        break;
      case id="Eyes":
        document.getElementById(id).style.display = "block";
        break;
      case id="Mouth":
        document.getElementById(id).style.display = "block";
        break;
      case id="Legs":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Neck":
        document.getElementById(id).style.display = "block";
        break;
      case  id="Acessories":
        document.getElementById(id).style.display = "block";
        }
        
     }

纯js是display或。或，可见性或。