jQuery slide切换不适用于 div、ul 和 display: none

Question

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

<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");
    });
});

Answer 1

这工作正常。您的 jquery 库可能会导致错误。尝试包含此脚本：

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

参考此链接：示例