Перейти к публикации

Помогите!!! Нужны спойлеры с разными картинками


Рекомендованные сообщения

Вечер добрый подскажите как можно организовать спойлеры с разными картинками, вот такого вот вида http://structure.mil.ru/management.htm

Кнопки разного вида, при нажатии на которых выезжает некая информация

Заранее спасибо за помощь

Ссылка на сообщение
Поделиться на других сайтах

pjserp,


<!-- Первый способ -->

<a href="#" onclick="document.getElementById('div1').style.display='block';return false;">Показать</a>

<a href="#" onclick="document.getElementById('div1').style.display='none';return false;">Скрыть</a><br />

<div id="div1" style="display: none; background-color: red;">Что-то</div>



<!-- Второй способ -->

<script>

function ShowOrHide(id){

   var item=document.getElementById(id);

   if(item.style.display=="none") item.style.display="block"; else item.style.display="none";

}

</script>


<a href="#" onclick="ShowOrHide('div2'); return false;">Показать/Скрыть</a><br />

<div id="div2" style="display: none; background-color: red;">Что-то</div>

Если нужно с анимациями, то используйте, например, jQuery

Способ на jQuery: http://jquery.page2p...вание_элементов

Изменено пользователем ZEOS.IN
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...