Взаимоисключающие кнопки
 

У меня есть кнопки, которые открывают скрытые блоки, как сделать так, что б когда открываешь новый блок, другая кнопка автоматически закрывалась.

<input class="hide" id="myButton" type="checkbox">
    <label for="myButton" id="myButtonKiev"></label>
            
            
             <div id="col2" >
            
            <img src="images/countries/ukraine/Kiev.jpg">
                 <br>#######<br><br>
            #######
            
            </div>
            
            <input class="hide" id="myButton2" type="checkbox">
    <label for="myButton2" id="myButtonSofi"></label>
      
            <div id="col3" >
            
            <img src="images/countries/ukraine/Sofi.png">
                 <br>######<br><br>
            ##########
            
            </div>

Vuland,
форум - поиск - открывашка (300 вариантов, того что вам нужно)
и Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.