使用jquery下拉列表

Question

尚未创建所需的下拉效果。请帮忙。提前致谢

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>

Answer 1

您的“导航”是作为一个类提供的，您将其作为ID（$（“＃navigation”））进行访问。 class可以作为$（“。navigation”）访问。尝试这样的代码。

Answer 2

我想这就是你要做的。试试demo here

<强> 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(); 
    }); 
});