0

シンプルなドロップダウン メニューがあり、ドロップダウンをフェードインおよびフェードアウトさせたいのですが、使用しているコードが機能していないようです。間違ったセレクターをヒットしようとしているかどうか、またはコードが間違っているかどうかはわかりません。私は言うつもりです... コードが間違っています。

HTML:

<ul class="m-nav">
   <li><a href="">Rules</a></li>
   <li><a href="">Regulators</a>
      <ul class="drop">
         <li><a href="">Bobby</a></li>
         <li><a href="">David</a>
      </ul>
   <li>
</ul>

JS:

$('ul.m-nav li').addClass('booze');

    $('.booze').hover(function() {
        $('.drop').fadeIn('slow');
    }, function() {
        $('.drop').fadeOut('slow');
    });
4

2 に答える 2

0

ホバーのセレクターは複数の LI をカバーするため、子の .drop のみをフェードする必要があります。

 $('.booze').hover(function() {
        $('.drop',this).fadeIn('slow');
    }, function() {
        $('.drop',this).fadeOut('slow');
    });

ここでテスト

于 2013-04-09T19:43:23.093 に答える