显示一个div并隐藏其他div

Question

我刚制作了这个剧本。当您单击链接时，它会显示一个具有相同ID链接的div，并隐藏其他类可隐藏的类。

function showhide(id) {
      if (document.getElementById) {
        var divid = document.getElementById(id);
        var divs = document.getElementsByClassName("hideable");
        for (var i = 0; i < divs.length; i = i + 1) {
          $(divs[i]).fadeOut("slow");
        }
        $(divid).fadeIn("slow");
      }
      return false;
    }

但是，当我点击一个链接时，第一个div只是得到隐藏而另一个得到显示，看起来非常糟糕。如何在没有动画的情况下隐藏其他div并显示带动画的div。

我尝试用$（divid）.style.display =“none”;但它不起作用。

Answer 1

.hide（）将在没有动画的情况下隐藏

在你的情况下：

$(divs[i]).hide();