jQuery slidetoggle不适用于div，ul和display：无

Question

I'm trying to toggle a menu dropdown with slideToggle but I can't seem to get it working. My goal is to click on "Attack" and have the list of attack options show. Here is my code.

<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

This works fine. Your jquery library might be causing the error. Try including this script :

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

Refer this link : Example