如何让div下拉下拉菜单中的另一个div

<div class="dropdown">
  <button class="dropdown-btn">下拉菜单</button>
  <div class="dropdown-content">
    <p>需要下拉的内容</p>
  </div>
</div>

.dropdown-content {
  display: none;
}

.dropdown.active .dropdown-content {
  display: block;
}

var dropdownBtn = document.querySelector('.dropdown-btn');
var dropdown = document.querySelector('.dropdown');

dropdownBtn.addEventListener('click', function() {
  dropdown.classList.toggle('active');
});