有没有其他方法可以切换按钮以进行响应式设计，我的 javascript 代码无法使用此功能

Question

下面是JS代码

document.addEventListener("DOMContentLoaded,");

const toggleBtn = document.getElementById('toggle_btn');
const dropDownMenu = document.getElementById('dropdown_menu');

toggleBtn.onclick = function(){
    dropDownMenu.classList.toggle('open');
}

我希望在响应式设计中单击时切换下拉菜单

Answer 1

您似乎正在尝试在单击按钮时切换下拉菜单的可见性。您提供的代码看起来是正确的，但我重写了它，所以它应该可以工作：

toggleBtn.onclick = function(){
if (dropDownMenu.style.display === "none") {
    dropDownMenu.style.display = "block";
} else {
    dropDownMenu.style.display = "none";
}}

或者您可以使用 jQuery 通过“toggle”方法来切换元素的可见性：

$('#toggle_btn').click(function(){
$('#dropdown_menu').toggle();});