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

攻击

攻击1
攻击2
攻击3
攻击4

.攻击菜单{
显示：无；
}
$（文档）.ready（函数（）{
$（“#攻击”）。单击（函数（）{
$（“.attack menu”）.slideToggle（“fast”）；
});
});

这很好用。您的jquery库可能是导致错误的原因。尝试包含以下脚本：

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

---

请参阅此链接：

它似乎正在工作。。可能是代码中的其他内容导致了问题@christian检查控制台是否有错误。也许您的jquery库不起作用。谢谢您的反馈。我添加了您包含的行，但仍然在控制台中得到：script.js:2 Uncaught ReferenceError:$未在script.js:2中定义。发现这个问题，我在我的js文件路径后面有我的jquery行。非常感谢。