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

显示属性的初始状态更可能为空。这就是为什么直到你明确改变它 - 这个js函数得到“”。

Answer 2

将 style =“display：block”明确应用于logincontainer，然后更改以下行：     toggle.style.display = toggle.style.display == “阻止”？ “无”：“阻止”;