Jquery淡出一个div？答案

【问题标题】：Jquery fade out a div?Jquery淡出一个div？
【发布时间】：2011-06-25 14:44:45
【问题描述】：

我正在使用以下代码来显示和隐藏两个绝对重叠的 div。一个打开，另一个关闭。

function ShowHide(){
$("#info").animate({"height": "toggle"}, { duration: 300 });
$("#credits:visible").animate({"height": "toggle"}, { duration: 300 });
}
function ShowHide2(){
$("#credits").animate({"height": "toggle"}, { duration: 300 });
$("#info:visible").animate({"height": "toggle"}, { duration: 300 });
}

我想淡入 div 而不是为其设置动画，我用 .fadeIn 替换了 .animate 效果很好，但是当再次单击链接时，我无法让 div 淡出。我尝试了 .fadeOut 方法，但没有成功。谢谢。

【问题讨论】：

这是一个 jquery 问题，所以每个人都会蜂拥而至，你会得到答案，但如果你发布 html 和 css，它会让那些试图帮助你并让你变得更好的人生活更轻松回答。

标签： jquery

【解决方案1】：

你可以使用fadeToggle():

function ShowHide() {
    $("#info, #credits:visible").fadeToggle(300);
}

function ShowHide2() {
    $("#credits, #info:visible").fadeToggle(300);
}

编辑：正如@FishBasketGordo 正确指出的那样，如果您的元素设置正确（一个可见，另一个最初隐藏），那么您只需要一个调用（和一个函数）：

$("#credits, #info").fadeToggle(300);

【讨论】：

这很好，但您只需拨打fadeToggle：$('#info, #credits').fadeToggle(1000);