Question

为什么我无法切换无序列表？

我应该定位li项而不是整个菜单类吗？

<!DOCTYPE HTML>
<html lang="en">
<head>
    <script src="cae.js"></script>

    <title>
        Code Academy Examples
    </title>
</head>

<body>
    <ul class="menu">
        <li>Item 1</li>
        <li>Item 2</li>
    </ul>

    <button type="submit" class="btn" title="show/hide">Click Here</button>
</body>
</html>

$(document).ready(function(){

    $( ".btn" ).click( function(){

        $( ".menu" ).toggle();

    });

});

Answer 1

以下可能有效：

$(document).ready(function(){

    $( ".btn" ).click( function(){

        $( ".menu li" ).toggle();

    });

});

同时，您必须包含JQuery

由于

Answer 2

这样一个愚蠢的错误..感谢您的帮助！

我用过

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

它工作正常。

无法使用JQuery </ul>切换<ul>

2 个答案: