如何使用Java脚本显示/隐藏div单击按钮

我正在尝试编写一个PHP Java脚本，但正努力在本节编写代码。如何使用Java脚本显示/隐藏div单击按钮

我试图做一个BUTTOM在这种形式打开

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

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/

由于可以看出，

亨利

来源

2012-11-13 Henry Aspden

尝试类似以下

东西

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

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

该解决方案的最大缺点是凌乱的全球范围。如果这是一个问题，您也可以执行以下操作。

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

来源

2012-11-13 23:16:01 jeremy

哦，我喜欢这个，现在让我试试吧 –

但是等等，我认为它需要是？ “none”：“block”;因为我希望它被隐藏，除非点击 –

哦，对不起。如果您希望在第一次点击时显示它，请将其更改为“i = 1”或更改语句（'？“none”：“block”'）。更新 – jeremy

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

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

来源

2012-11-13 23:36:16

您是否可以在单击一个按钮时获得双倍的体验？ –

这是一个开关，但是如果你愿意，你可以使用L-Click进行ON和R-Click。你想要吗？ –

如果这就是你的意思，我不知道如何处理双击。 –

如何使用Java脚本显示/隐藏div单击按钮

回答

相关问题