显示带有动画的隐藏 div

我制作了这个脚本，它打开一个具有正确类的 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].style.display = "none";
        }
        divid.style.display = "block";
    }
    return false;
}

是否可以制作一些动画，例如淡出、缓出，而不仅仅是通过显示选项显示它？

你可以试试这个

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;
}

看看这个小提琴”http://jsfiddle.net/9jtd3/ http://jsfiddle.net/9jtd3/"

Jquery 库提供了更多技术，您也应该看看。