[candro]

Как сделать скрытие открытого элемента при открытии другого?

<script type="text/javascript">
            function showHide(element_id) {
                //Если элемент с id-шником element_id существует
                if (document.getElementById(element_id)) { 
                    //Записываем ссылку на элемент в переменную obj
                    var obj = document.getElementById(element_id); 
                    //Если css-свойство display не block, то: 
                    if (obj.style.display != "block") { 
                        obj.style.display = "block"; //Показываем элемент
                    }
                    else obj.style.display = "none"; //Скрываем элемент
                }
                //Если элемент с id-шником element_id не найден, то выводим сообщение
                else alert("Элемент с id: " + element_id + " не найден!"); 
            }   
        </script>
 
 <a href="javascript:void(0)" onclick="showHide('block_id')">Показать</a>
  <div id="block_id" style="display: none;">
Текст
</div>

 <a href="javascript:void(0)" onclick="showHide('block_id2')"> Показать</a>
 <a href="javascript:void(0)" onclick="showHide('block_id3')">Показать</a>
 
  <div id="block_id2" style="display: none;">
Текст
</div>
 <div id="block_id3" style="display: none;">
Текст
</div>

 <a href="javascript:void(0)" onclick="showHide('block_id4')">Показать</a>
 <a href="javascript:void(0)" onclick="showHide('block_id5')">Показать</a>
  <div id="block_id5" style="display: none;">
Текст
</div>
  <div id="block_id4" style="display: none;">
Текст
</div>