如何使用Jquery处理作为按钮实现的dropdown

<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>

<button class="dropdown-btn">点击展开菜单</button>
<div id="dropdown-menu" class="dropdown-menu">
  <a href="#">菜单项1</a>
  <a href="#">菜单项2</a>
  <a href="#">菜单项3</a>
</div>

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-menu a:hover {
  background-color: #f1f1f1;
}

$(document).ready(function() {
  $(".dropdown-btn").click(function() {
    $("#dropdown-menu").toggle();
  });
});