使用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);
}