jquery - 使用 jquery 更改 CSS 显示属性

Question

此代码允许我将鼠标悬停在具有类“steps-hover”的 div 上并从 display: none （在我的样式表中）更改为 display: block。完美运行。但是，如果我想在悬停时更改不同类的显示怎么办？这就是我感到困惑的地方。

最终我想将鼠标悬停在div“steps-hover”上，仍然保留下面的相同结果，但还将具有“default”类的不同div的css更改为display：none。这是我当前的代码：

function over(event) {
$('.steps-hover', this).stop(true, true, true).fadeIn(500);
$('.steps-hover', this).css("display", "normal");
}

function out(event) {
$('.steps-hover', this).stop(true, true, true).fadeOut(500);
}

那么如何在其中添加对 .default 的更改？我尝试了几个不同的东西，但没有运气。我的假设一定是错误的，我在 jquery API 文档中找不到答案。谢谢你的帮助！

Answer 1

在你的over函数内部，为什么不这样做：

$(".default").css("display", "none");

Answer 2

你也可以使用：

function over(event) {
$('.steps-hover', this).stop(true, true, true).fadeIn(500);
$('.default').hide();
}

function out(event) {
$('.steps-hover', this).stop(true, true, true).fadeOut(500);
}