Jquery 当另一个元素淡入时,如何淡出该元素

Jquery 当另一个元素淡入时,如何淡出该元素,jquery,html,css,Jquery,Html,Css,目前,我正在使用的代码,试图让这项工作似乎没有正常运作。h7表示正在淡入的元素,而back类是当h7淡入时将淡出的元素。我希望这两方面都能奏效 if ($("h7").css("display", "block")) { $(".back").hide("fast"); } else if ($("h7").css("display", "none")) { $(".back").show(500); } 您使用css作为setter,该setter返回j

目前,我正在使用的代码,试图让这项工作似乎没有正常运作。h7表示正在淡入的元素,而back类是当h7淡入时将淡出的元素。我希望这两方面都能奏效

if ($("h7").css("display", "block")) {
    $(".back").hide("fast");
}           
else if ($("h7").css("display", "none")) {
    $(".back").show(500);
}

您使用
css
作为setter,该setter返回jQuery对象,并且在JavaScript中对象总是
true
,您可以使用
:visible
选择器和
is
方法

if ($("h7").is(":visible")) {
    $(".back").hide("fast");
}
else {
    $(".back").show(500);
}

请注意,
h7
不是有效的元素。

回答得很好,但只需为将来做一个简短的说明:具有
可见性的元素:隐藏的
不透明度:0
被认为是可见的,因为它们仍然会占用布局中的空间。(来源:)您提供的代码似乎无法正常工作。当h7可见时,后级不会发生任何变化。谢谢。@undefined-Offtopic:浏览器真的知道无效的
h7
元素的可见性状态吗?奇怪,我从没想过这是可能的:)