Здравствуйте! Скажите пожалуйста как можно с помощью события onclick скрыть несколько блоков div сразу. Допустим есть блоки wind1, wind2, wind3, wind4. Для каждого из них в меню есть кнопка. Нужно чтобы при нажатии на кнопку 1 показывался блок wind1, при нажатии на кнопку 2 скрылся блок wind1 и отобразился блок wind2, то есть при нажатии на кнопку показывался только соответствующий блок, а остальные скрывались. Я решил эту проблему так: wind1: <div id="button1"> <a class="but" href="#" onclick="document.getElementById('wind1').style.display='block'; document.getElementById('wind2').style.display='none'; document.getElementById('wind3').style.display='none'; document.getElementById('wind4').style.display='none'; return false;"> <img class="myImage" src="1.png" ></img> </a></div> wind2: <div id="button2"> <a class="but" href="#" onclick="document.getElementById('wind2').style.display='block'; document.getElementById('wind1').style.display='none'; document.getElementById('wind3').style.display='none'; document.getElementById('wind4').style.display='none'; return false;"> <img class="myImage" src="2.png"></img> </a> </div> Аналогично для блоков wind3 и wind4. Мой код очень огромен. Тем более будет затруднительно реализовать эту идею для 20 блоков и так далее. Как сделать проще?