📑 [jQuery]ドロワーメニュー
作成日: 2021/07/13
0

jQuery読み込み

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

html

<div class="drawer">
    <a href="#">コース一覧</a>
        <ul class="drawer-list">
            <li>a</li>
            <li>a</li>
            <li>a</li>
        </ul>
</div>

css

.drawer-list {
  display: none;
}

jQuery

$(function(){
    $(".drawer").click(function(){
        $(".drawer-list").slideToggle();
    });
});

よろしくおねがいします!