📑
[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();
});
});
よろしくおねがいします!