Question

Is it possible to hide more than one pop-up in one call? For example,

    ...onclick="document.getElementById('PopUp1').style.display = 'none' "...

Can I ask it to immediately get the elements with id PopUp2, PopUp3 etc., too? Is this possible with a simple syntax change or not?

Answer 1

No you can’t do that in pure JavaScript. You’d better call a function from the onclick event and then loop through the popups in that function:

function closePopups() {
    for (var i = 1; i <= 3; i++) {
        document.getElementById('PopUp' + i).style.display = 'none' 
    }
}

Then your event handler would be:

...onclick="closePopups()"...