Question

我写了一些代码，但是我很确定，这可能会更短，但是我的大脑刚刚停止工作，因此我想问你一些小费。问题是，代码中存在某种冗余，就像我说的那样，我很确定，某种循环或某种方式可以解决此问题。

这段代码就像函数的名称一样，用于切换两个不同的内容。这是为了模拟带有两个选项卡的标题，因此当单击两个选项卡之一时，呈现不同的内容。

function toggleContent() {
    if(!firstTab.classList.contains("active")) {
      firstTab.classList.add("active");
      secondTab.classList.remove("active");
      firstContent.classList.add("visible");
      secondContent.classList.remove("visible");
    } else {
      secondTab.classList.add("active");
      firstTab.classList.remove("active");
      secondContent.classList.add("visible");
      firstContent.classList.remove("visible");
    }
  }

Answer 1

classList的{{1}}方法带有第二个参数可能会有所帮助

toggle

这没有考虑甚至更短代码的可能性-但是，由于HTML是一个谜，所以可以做到

尝试减少冗余

1 个答案: