jquery - 显示一个 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();