我需要解决此菜单下拉问题
这是我的代码：
html：
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="C:\Users\gyld2\Documents\dropdown menu\dropdown.css">
</head>
<body>
<script type="text/javascript" src="C:\Users\gyld2\Documents\dropdown menu\dropdown.js"></script>
<button id="btn">Click Here</button>
<ul id="list">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</body>
</html>
js：
const button = document.getElementById("btn");
const list = document.getElementById("list");
list.style.display = "none";
button.addEventListener("click",(event)=> {
if (list.style.display == "none") {
list.style.display = "block";
else {
list.style.display = "none";
}
}
})
，我希望它是像这样的事情：
Here is my code:
HTML:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="C:\Users\gyld2\Documents\dropdown menu\dropdown.css">
</head>
<body>
<script type="text/javascript" src="C:\Users\gyld2\Documents\dropdown menu\dropdown.js"></script>
<button id="btn">Click Here</button>
<ul id="list">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</body>
</html>
JS:
const button = document.getElementById("btn");
const list = document.getElementById("list");
list.style.display = "none";
button.addEventListener("click",(event)=> {
if (list.style.display == "none") {
list.style.display = "block";
else {
list.style.display = "none";
}
}
})
and i want it to be something like this:
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
错字错误
Typo Error