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

由于.show()：
你使用jQuery吗？如果是这样 - 请尝试使用.toggle()代替.show()。

否则你可以使用三元运算符来设置当前状态的状态 - 如下所示：

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

Answer 3

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

隐藏：

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

或SHOW：

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

隐藏和显示具有相同ID的div

3 个答案: