Главная » Статьи » Компьютер, Интернет » Сайты Юкоз

Установка спойлера на странице

Установка спойлеров на странице

Как то нужно было установить спойлер на странице, целых 15 минут лазил искал, всем что то нужно помимо его установки, кому то кнопочку красивую, у кого-два не работают. Мне же нужен был просто код для вставки на страницу, как и что тут работает не знаю, но работает же ;)

Обратите внимание, на то что выделено красным в коде, скорее всего это влияет на правильную работу сразу нескольких спойлеров на странице

Спойлер 1
<a href="javascript:sh()" class="colsp">Спойлер 1</a><br>
<div id="inf">Текст некий...</div>
<script type="text/javascript">
sh();
function sh() {
obj = document.getElementById("inf");
if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }
}
</script>

<a href="javascript:sh1()" class="colsp">Спойлер 2</a><br>
<div id="inf1">Текст некий...</div>
<script type="text/javascript">
sh1();
function sh1() {
obj = document.getElementById("inf1");
if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; }
}
</script>
Спойлер 2
Обратите внимание, на то что выделено красным в коде, скорее всего это влияет на правильную работу сразу нескольких спойлеров на странице
Категория: Сайты Юкоз | Добавил: Админ (25.06.2013)
Просмотров: 1771
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]