javascript - jQuery slidetoggle不适用于div，ul和display:无

我正在尝试使用slideToggle切换菜单下拉菜单，但似乎无法正常工作。我的目标是单击“攻击”并显示攻击选项列表。这是我的代码。

<div class="turn-option" id="attack">
    <h2>Attack</h2>
    <div class="attack-menu">
        <ul>
            <li class="attack-type">Attack 1</li>
            <li class="attack-type">Attack 2</li>
            <li class="attack-type">Attack 3</li>
            <li class="attack-type">Attack 4</li>
        </ul>
    </div>
</div>


.attack-menu {
    display: none;
}

$(document).ready(function() {
    $("#attack").click(function() {
        $(".attack-menu").slideToggle("fast");
    });
});

最佳答案

这很好。您的jquery库可能导致错误。尝试包括以下脚本：

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

请参考此链接：Example