首先,我假设这对CSS3来说太复杂了,但如果有什么解决方案,我会很乐意去做。
HTML非常简单。
<div class="parent">
<div class="child">
Text Block 1
</div>
</div>
<div class="parent">
<div class="child">
Text Block 2
</div>
</div>
默认情况下,子div设置为display:none;,但当鼠标悬停在父div上时,将更改为display:block;。问题是,这个标记出现在我的站点上的几个地方,我只希望在鼠标停留在父站点上时显示子站点,而不希望在鼠标停留在其他父站点上时显示子站点(它们都有相同的类名,没有it)。
我尝试过使用$(this)
和.children()
,但都无济于事。
$('.parent').hover(function(){
$(this).children('.child').css("display","block");
}, function() {
$(this).children('.child').css("display","none");
});
https://stackoverflow.com/questions/5061940
复制相似问题