我试图显示隐藏div块取决于它徘徊的链接。我有主要类别和子类别。我只想在有人徘徊在主类别上时显示子类别(相关主类别)。我尝试了以下操作,但似乎不起作用。
所有帮助表示赞赏。
码
<style type="text/css">
<!--
.series-wrapper
{ display:none;}
.brandcat li a:hover .series-wrapper
{ display:block;}
-->
</style>
<div class="brandcat">
<h3>Most Popular Brands</h3>
<ul class="brands">
<li><a href='showbrand.php?bd_id=1'>Apple</a>
<div class='series-wrapper'><h5>Select your Apple Series</h5>
<a href='showseries.php?s_id=1'>Apple Mainseries1</a>
<a href='showseries.php?s_id=3'>Test2</a>
</div>
</li>
<li><a href='showbrand.php?bd_id=2'>Ball</a>
<div class='series-wrapper'><h5>Select your Ball Series</h5>
<a href='showseries.php?s_id=1'>Ball Mainseries1</a>
<a href='showseries.php?s_id=3'>Ball Test2</a>
</div>
</li>
</ul>
</div>
最佳答案
您的.series-wrapper不是anchor的后代,而是带有anchor。这样写
.brandcat li a:hover + .series-wrapper { display:block;}
关于jquery - 使用display:block在链接上悬停时无法显示/隐藏div,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12157686/