Question

I am trying to write a PHP Java Script, but struggling to write in this section of coding.

I am trying to make a buttom in form in that opens

The code I have written so far is

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

and the FORM CODE is;

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

any help to point out my clear mistakes would be great, the live code can be seen at
http://affordablecleaners.co.uk/quote/

Thanks,

Henry

Answer 1

Try something similar to the following

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

Essentially, we’re creating a variable i and increasing it by one every time the function is called. If, when the function is called, i is an even number, then we set it to display: block. Otherwise, set it to display: none.

The biggest downside to this solution is cluttering the global scope. If this is an issue, you can also do the following.

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