如何在点击按钮时使用Javascript显示/隐藏div

时间:2012-11-13 23:14:13

标签: javascript onclick show-hide html-form buttonclick

我正在尝试编写一个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/

谢谢,

亨利

2 个答案:

答案 0 :(得分:2)

尝试与以下内容类似的内容

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

答案 1 :(得分:0)

这是(未经测试的)逻辑......

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)"