我正在使用以下js隐藏和显示我的div
function myFunction(test) {
var x = document.getElementById(test);
if (x.style.display == "none") {
//x.style.display = "block";
x.style.setProperty("display", "block", "important")
} else {
//x.style.display = "none";
x.style.setProperty("display", "none", "important")
}
}
我使用一个有效的类在加载时将所有div隐藏起来，但是您必须单击两次链接才能取消隐藏它。如何解决此问题，使其在首次点击时取消隐藏？
我正在处理的页面在这里，您可以单击任何标题以展开某些部分。（忽略格式，这是一个很大的工作。）
解决问题的一种非常简单的方法是先进行测试if (x.style.display == "block")，然后再显示隐藏的内容。另一种方法是将样式内联包含在html代码内，以便DOM对象的style属性在呈现后立即具有一些初始属性。
function myFunction(test) {
var x = document.getElementById(test);
if (x.style.display == "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}#test {
display:none;
}<h3 onclick="myFunction('test')">Click to toggle display</h3><br>
<div id="test">Now you see me</div><br>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句