1

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;
    ...
}
4

1 に答える 1

0

あなたのhtmlが有効であると仮定すると（現在、そこにいくらかのエラーはありません）、次のようにして必要なことを行う必要があります。これは、テキスト 'Topic1' を含むアンカーの下でのみ発生します。

​$('a').on('hover', function() {
    $(this).siblings('div').toggleClass("class1");
});
于 2012-09-08T05:17:30.733 に答える