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"显式应用于登录容器，然后更改以下行：toggle.style.display =toggle.style.display == "block" ? “无”：“阻止”；