javascript - 如何在单击按钮时使用 Java Script 显示/隐藏 div

Question

我正在尝试编写 PHP Java 脚本，但在这部分编码中难以编写。

我正在尝试在打开的表单中制作一个按钮

到目前为止我写的代码是

function display(e){
    if (e.clicked)
        document.getElementById('2').style.display = 'none';
    else
        document.getElementById('2').style.display = 'block';

表格代码是；

 <input type="button" value=" Book Now " onClick="display(this)"/></input>

指出我明显错误的任何帮助都会很棒，可以在 http://affordablecleaners.co.uk/quote/看到实时代码

谢谢，

亨利

Answer 1

尝试类似于以下内容

var i = 0;
var display = function() {
    document.getElementById('2').style.display = (i++ % 2) ? "none" : "block";
};

本质上，我们正在创建一个变量i，并在每次调用该函数时将其加一。如果在调用函数时，i是偶数，那么我们将其设置为display: block。否则，将其设置为display: none。

此解决方案的最大缺点是使全局范围混乱。如果这是一个问题，您还可以执行以下操作。

var display = function() {
    document.getElementById('2').style.display = (document.getElementById('2').style.display == "none") ? "block" : "none";
};

Answer 2

这是（未经测试的）逻辑......

function display(state, which){

if (state==1) {document.getElementById(which).style.display ='none';}

    else

    {document.getElementById(which).style.display = 'block';}
}

然后在你的按钮...

打开

onclick="display('1',someDIV)"

把关掉

onclick="display('0',someDIV)"