Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.07.2011, 16:07
Аспирант
Отправить личное сообщение для vanek2010 Посмотреть профиль Найти все сообщения от vanek2010
 
Регистрация: 06.01.2010
Сообщений: 37

Манипуляция блоками
Подскажите как проще всего реализовать.
Есть 3 блока див, по нажатию на 1, показывает его контент.
По нажатию на 2, показывает контент 2, при этом скрывает контент первого.
По нажатию на 3, показывает контент 3, скрывает второго и т.д.
Ответить с цитированием
  #2 (permalink)  
Старый 22.07.2011, 16:35
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,565

Например так:
<style type="text/css">
.content div{display:none}
.div1 .div1, .div2 .div2, .div3 .div3 {display:block}
</style>

<div class="content div1">
  <input type="button" value="1" onclick="parentNode.className='content div1'">
  <input type="button" value="2" onclick="parentNode.className='content div2'">
  <input type="button" value="3" onclick="parentNode.className='content div3'">
  <div class="div1">content1</div>
  <div class="div2">content2</div>
  <div class="div3">content3</div>
</div>
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Манипуляция со строкой. Regard Общие вопросы Javascript 3 10.06.2010 17:35
Переключение между блоками uncle_fedor Элементы интерфейса 1 10.01.2010 19:01