Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Нужно hide-show блоки по клику на ссылки (https://javascript.ru/forum/misc/62352-nuzhno-hide-show-bloki-po-kliku-na-ssylki.html)

Полина 06.04.2016 16:51

Нужно hide-show блоки по клику на ссылки
 
:help: Добрый день! Совсем новичок. Очень нужна помощь. Есть кнопки (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>

Но когда я нажимаю на вторую кнопку первый текст никуда не девается, а надо бы..
Буду рада помощи!!!!!

Decode 06.04.2016 17:03

Поиск по форуму: аккордеон.

рони 06.04.2016 17:13

Полина,
Поиск по форуму: Открывашка.

Полина 06.04.2016 19:56

Спасибо огромное, еще и так быстро!:) :) :)


Часовой пояс GMT +3, время: 08:02.