[Anton6677]

Здравствуйте.
У меня есть много элементов, при первом клике по элементу меняется стиль у нескольких других элементов, при втором нажатии с помощью toggle возвращается старый стиль.
Как мне сделать так, чтобы после того, как пользователь нажал на элемент(1) первый раз, он не мог нажимать на другие элементы пока не нажмет на элемент(1) второй раз?
Надеюсь понятно объяснил)

script
window.onload = function() {
var element1 = document.getElementById('IMAGE1');
                element1.onclick = function() {
            var imgs = document.getElementsByTagName('img');
            for (var i = 0, len = imgs.length; i < len; i++) 
                {imgs[i].classList.toggle("class2")}

element1.classList.toggle("class3");
document.getElementById("Id 'элемента").classList.toggle ("class1"); 
document.getElementById("Id 'элемента").classList.toggle ("class1");
document.getElementById("Id 'элемента").classList.toggle ("class1");
document.getElementById("Id 'элемента").classList.toggle ("class1");
document.getElementById("Id 'элемента").classList.toggle ("class1");
document.getElementById("STORM SPIRIT").className="class1"
document.getElementById("PHANTOM LANCER").classList.toggle ("class1");}


var element2 = document.getElementById('IMAGE1');
                element1.onclick = function() {
            var imgs = document.getElementsByTagName('img');
            for (var i = 0, len = imgs.length; i < len; i++) 
                {imgs[i].classList.toggle("class2")}

element2.classList.toggle("class3");
document.getElementById("Id элемента").classList.toggle ("class1"); 
document.getElementById("Id элемента").classList.toggle ("class1");
document.getElementById("Id элемента").classList.toggle ("class1");
document.getElementById("Id элемента").classList.toggle ("class1");
document.getElementById("Id элемента").classList.toggle ("class1");;}}

В