我确定它已被问,但我找不到解决我的问题。我有一个在3个div上命名相同的类。这个类正在使用css隐藏。问题是,当我将鼠标悬停在1个div上时,所有3个同时显示隐藏。我只想要我展示的元素。我想我应该使用.each(),但我不确定它是如何融合在一起的。jQuery隐藏div使用悬停显示所有隐藏的div
CSS
.background-hover {
display: none;
HTML:
<div class="home-get-started">
<-- first--><div class="home-get-started">
<!-- image-->
<img src="image.png">
<!-- hover hidden state -->
<div class="background-hover">
<div class="home-btn">Text</div>
</div>
</div>
<--second --> <div class="home-get-started">
<!-- image-->
<img src="image.png">
<!-- hover hidden state -->
<div class="background-hover">
<div class="home-btn">Text</div>
</div>
</div>
</div>
的jQuery:
$(".home-get-started").hover(
function() { $('.background-hover').css({"display":"block"}); },
function() { $('.background-hover').css({"display":"none"}); }
);
的可能重复的[显示独立地使用各方法单个元件](http://stackoverflow.com/questions/16471954/show-individual-elements-independently-using-each-method) – 2013-05-09 23:19:11