javascript - "Show"正在工作，"hide"则不工作。 JavaScript

Question

我有以下用于显示/隐藏切换的 JS 脚本。我有点必须保持这种格式，因为它处理的元素很多，而且格式很糟糕，用 jQuery 制作它会很麻烦。

正如标题所示，“show”事件正在运行，而“hide”事件则不起作用。因为我是一个完全的 JS 菜鸟，所以我想知道你能帮助我。代码如下:

function toggle(obj) {
  for (var  i = 0; i< 50; i++) {
    var name = 'q' + i;
    var inchide_obj=document.getElementById(obj);
    if (inchide_obj && inchide_obj.style && inchide_obj.style.display == "block") {
      inchide_obj.style.display = "none";
    }
  }
  var deschide_obj=document.getElementById(obj);
  if (deschide_obj && deschide_obj.style) {
    deschide_obj.style.display = "block";
    deschide_obj.focus();
  }
}

html 包含一些文本 block ，每个文本 block 都有自己的类，q1，q2 等。提前感谢您的帮助:)

Answer 1

您当前的代码首先尝试隐藏该元素 50 次，并最终无条件地在最后显示它。我相信您正在寻找这个:

function toggle(id) {
    var obj = document.getElementById(id);
    if (obj && obj.style) {
        if(obj.style.display != "block") {
            obj.style.display = "block";
        } else {
            obj.style.display = "none";
        }
    }
}