javascript - onclick:必须单击两次才能隐藏/显示 div

Question

我遇到了一个问题，我必须点击两次才能运行我的 JavaScript 函数。

按钮的 HTML:

<input type="button" id="logintrigger" value="Log In" onClick="hideshow();"/>

JavaScript:

function hideshow() {
    var toggle = document.getElementById('logincontainer');
    toggle.style.display = toggle.style.display == "none" ? "block" : "none";
}

我一直在搜索，但没有找到任何有用的东西。

谢谢。

Answer 1

将 style="display:block" 显式应用于 logincontainer，然后更改以下行: toggle.style.display = toggle.style.display == “ block ”？ “无”:“阻止”；