我试图显示隐藏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/

10-12 12:46
查看更多