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