javascript - 隐藏和显示具有相同 id 的 div

Question

我正在使用 bbui.js 开发一个 BlackBerry 应用程序。我正在尝试使用带有 onclick 事件的按钮和以下代码显示 div 标签：

onclick="document.getElementById('myPanel').show();"

问题是一旦我再次按下相同的按钮，我将如何让这个 div 隐藏？任何帮助，将不胜感激。提前致谢。

Answer 1

你能用这段代码吗：

<button onclick="toggle(document.getElementById('myPanel'));" />

function toggle(var panel){
    if(panel.style.visibility == "hidden"){
        panel.show();
    }
    else {
        panel.hide();
    }
}

或者如果你有 jquery，那么是的，而不是show()你hide()可以使用toggle()

Answer 2

使用纯 javascript，您可以使用以下代码：

隐藏：

    document.getElementById(<YOUR_ID>).style.display="none";

或显示：

    document.getElementById(<YOUR_ID>).style.display="block";

Answer 3

因为.show()：
你使用 jQuery 吗？如果是这样 - 尝试使用.toggle()而不是.show().

否则，您可以只使用三元运算符根据当前状态设置状态 - 如下所示：

onclick="document.getElementById('myPanel').style.display = document.getElementById('myPanel').style.display = 'none' ? 'block' : 'none'"