Question

我正在使用以下代码来显示和隐藏两个绝对位于彼此之上的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方法。感谢。

Answer 1

您可以使用fadeToggle()：

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

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

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

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

Jquery淡出一个div？

1 个答案: