0

必要なドロップダウン効果が作成されていません。助けてください。前もって感謝します

jquery

$(document).ready(function() { 

    $("#navigation ul").mouseenter(
        function(){ $("#navigation li a").fadeIn(); 
    }); 
    $("#navigation ul").mouseleave(
        function(){ $("#navigation li ").fadeOut(); 
    }); 
});

html

<ul class="navigation">
    <li><a href="index.php">First</a>
        <ul class="navigation">
            <li><a href="index.php">First</a></li>
            <li><a href="index.php">Second</a></li>
        </ul>
    </li>
</ul>
4

2 に答える 2

0

これがあなたがやろうとしていることだと思います。ここでデモを試す

HTML

<ul class="navigation">
    <li><a href="index.php">First</a>
        <ul class="navigation_level2" style='display:none'>
            <li><a href="index.php">First</a></li>
            <li><a href="index.php">Second</a></li>
        </ul>
    </li>
</ul>

jQuery

$(document).ready(function() { 

    $(".navigation").mouseenter(
        function(){ $(".navigation_level2").fadeIn(); 
    }); 
    $(".navigation").mouseleave(
        function(){ $(".navigation_level2").fadeOut(); 
    }); 
});
于 2013-01-07T17:12:41.017 に答える
0

あなたの「ナビゲーション」はクラスとして与えられ、id ($("#navigation")) としてアクセスしています。クラスは $(".navigation") としてアクセスできます。このようなコードを試してください。

于 2013-01-07T17:03:56.530 に答える