Jquery的DOM遍历，TOGGLE CSS属性

Question

使用jQuery，我想改变的CSS属性“显示：无”，从对应{或仅底层到李标签} class1的“显示：块”，每当鼠标悬停TOPIC1。 有什么建议吗？

<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"); 
});