0

私がまとめた単純な CSS ドロップダウン ナビゲーションにいくつかの効果を追加しようとしています。ネストされたli要素にカーソルを合わせると、fadeOut関数の呼び出しを停止できません。

私はそれを jsfiddle にドロップしました。URL はhttp://jsfiddle.net/6PmJk/です。

これは私が使用しているjQueryです：

$('body').removeClass('noJquery');
$('div#left_panel ul ul').css('display', 'none');
$('div#left_panel ul li').hover(function() {
    $(this).children('ul').stop().fadeIn('slow').css({
        position: 'absolute',
        left: 150,
        top: -1,
        left: 150,
        margin: 0,
        padding: 0,
        zIndex: 10
    });
}, 

function() {
    $('div#left_panel ul ul').stop().fadeOut('fast');
});

前もって感謝します！

4

1 に答える 1

1

hover「メイン」にのみルールを適用しますul

$('div#left_panel > ul > li').hover(function() {

http://jsfiddle.net/ExplosionPIlls/6PmJk/1/

于 2013-05-06T22:09:03.207 に答える