Добрый день! Совсем новичок. Очень нужна помощь. Есть кнопки (5-6 штук) При нажатии на каждую из них должен появляться текст (по принципу display: block).
Нашла скрипты работающие при помощи списков, открывающие последовательно, это не подходит. В моем случае нужны именно блоки и ссылки
при нажатии на ссылку1 открывает блок1, при нажатии на ссылку2 открывает блок два (блок 1 закрывает.), при нажатии на ссылку три - открывает блок 3 (и закрывает, если что-то открыто)
НАШЛА ТАКОЙ ВАРИАНТ
function showHide(element_id) {
if (document.getElementById(element_id)) {
var obj = document.getElementById(element_id);
//Если css-свойство display не block, то:
if (obj.style.display != "block") {
obj.style.display = "block";
}
else obj.style.display = "none";
}
else alert("Элемент с id: " + element_id + " не найден!");
}
</script>
<a href="javascript
:void(0)" onclick="showHide('block_id')">Скрыть/Показать элемент</a><br/><br/>
<div id="block_id" style="display: none;">
Тут любой текст и html код<br/>
<br/>
Дизайн студия OX2 разрабатывает сайты и интернет магазины любой сложности. <br/>
По низким ценам!
</div>
<a href="javascript
:void(0)" onclick="showHide('dva_id')">Скрыть/ДВА элемент</a><br/><br/>
<div id="dva_id" style="display: none;">
Тут любой текст и html код<br/>
<br/>
Дизайн ДВА!!!! студия OX2 разрабатывает сайты и интернет магазины любой сложности. <br/>
По низким ценам!
</div>
Но когда я нажимаю на вторую кнопку первый текст никуда не девается, а надо бы..
Буду рада помощи!!!!!