gpt4 book ai didi

javascript -
    不是折叠的,只是扩展的

转载 作者:太空宇宙 更新时间:2023-11-03 19:50:25 29 4
gpt4 key购买 nike

问题是当我按下 <a>Categories</a><ul>正在延伸但是当我再次按下时什么也没做

在我的 CSS 文件中设置了 display:none;

我的 php/html 页面中有这个

<html>
<head>
...
<script src="javascript/collapse.js"></script>
...
</head>

<body>...<ul>
<a href="#" onclick="collapse('id1')">Categories</a>
<ul id="id1">
<li>
<a href="#">Business</a>
</li>
<li>
<a href="home.php">Entertainment</a>
</li>
<li>
<a href="home.php">Social Media</a>
</li>
<li>
<a href="home.php">Others</a>
</li>
</ul>
</ul>...</html>

这在我的 collapse.js 文件中

function collapse(id){
var e = document.getElementById(id);
if(e.style.display="block")
e.style.display="none";
if(e.style.display="none")
e.style.display="block";
};

我只需要使用 html、css 和 javascript,不需要其他框架或库

最佳答案

首先,您应该在 javascript 中使用三等号进行比较。其次,您应该使用 else if 语句,否则第二个 if 将始终否定第一个:

if(e.style.display === "block"){
e.style.display="none";
} else if (e.style.display === "none") {
e.style.display="block";
}

关于javascript - <ul> 不是折叠的,只是扩展的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30551586/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com