Нужно 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> Но когда я нажимаю на вторую кнопку первый текст никуда не девается, а надо бы.. Буду рада помощи!!!!! |
Поиск по форуму: аккордеон.
|
Полина,
Поиск по форуму: Открывашка. |
Спасибо огромное, еще и так быстро!:) :) :)
|
Часовой пояс GMT +3, время: 08:02. |