onclick：必须点击两次才能让div隐藏/显示

我遇到了一个问题，为了让我的JavaScript函数能够运行，我必须点击两次。onclick：必须点击两次才能让div隐藏/显示

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"; 
}

我一直在寻找周围并没有发现任何帮助。

谢谢。

来源

2012-07-29 user1512677

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

来源

2012-07-29 19:53:01 leokom

应用风格= “显示：块”明确地logincontainer，然后改变下列行： toggle.style.display = toggle.style.display == “块”？ “none”：“block”;

来源

2012-07-29 19:59:26

嘿，谢谢你的快速回答。我在想，如果你知道我点击页面时怎样才能隐藏它？我尝试过：document.onclick = function（）{ var toggle = document.getElementById（'logincontainer'）; toggle.style.display ==“none”; } – user1512677 2012-07-29 20:07:00

@ user1512677：所以你想要的是当你在logincontainer之外单击时，它应该隐藏，是吗？ – 2012-07-29 20:13:49

@ user1512677：是的，我知道了......在** logincontainer **标签里面，调用这个函数** onmouseover **。我的意思是如果你有一个文本框的id为logincontainer（假设），那么 – 2012-07-29 20:21:44

onclick：必须点击两次才能让div隐藏/显示

回答

相关问题