Question

我尝试使用slideToggle切换菜单下拉菜单，但我似乎无法让它正常工作。我的目标是点击＆＃34;攻击＆＃34;并显示攻击选项列表。这是我的代码。

<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>

请参阅此链接：Example

jquery slidetoggle不使用div，ul和display：none

1 个答案: