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

Question

我正在尝试编写一个PHP Java脚本，但很难在这部分编写中编写。

我试图在那个打开的形式做一个buttom

我到目前为止编写的代码是

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

和FORM CODE是;

 <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 ，并在每次调用函数时将其增加1。 如果在调用函数时， 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)"