jquery - Jquery DOM 遍历，TOGGLE CSS PROPERTY

Question

使用 Jquery ，每当鼠标悬停在 Topic1 上时，我想将 css 属性“display:none”从 CORRESPONDING {或仅底层到该 li 标签}class1 更改为“display:block”。有什么建议么？

<li class="top"> 
   <a href="#" >Topic1</a>
      <div class="Class 1">
    <div class="class2" style="width:25%"><ul>
           <li><a href="#" Some text1</a></li>
           <li><a href="#" Some text1</a></li>
           <li><a href="#" Some text1</a></li>
                 ...
        </ul></div>
      </div>
</li>
<li class="top"> 
   <a href="#" >Topic2</a>
      <div class="Class 1">
    <div class="class2" style="width:25%"><ul>
           <li><a href="#" Some text2</a></li>
           <li><a href="#" Some text2</a></li>
           <li><a href="#" Some text2</a></li>
                 ...
        </ul></div>
      </div>
</li>

在哪里

.class1 {
    display:none;
    ...
}

Answer 1

假设你的 html 是有效的（目前你没有一些错误），下面应该做你需要的。假设这是您想要的，它只会在带有文本“Topic1”的锚点下发生。

​$('a').on('hover', function() {
    $(this).siblings('div').toggleClass("class1");
});