Studio AD : Переключатель между блоками.

Дата: Суббота, 13.03.2010, 19:28 | Сообщение # 1

молчун

Группа: Проверенные

Пользователь №: 453

Сообщений: 25

Получено оценок: 8

Как сделать переключатель между блоками, то-есть,

Code

<a href="block_1">Блок 1</a>
<a href="block_2">Блок 2</a>
<a href="block_3">Блок 3</a>

<div id="block_1">
     Содержание первого блока!
</div>
<div id="block_2">
     Содержание второго блока!
</div>
<div id="block_3">
     Содержание третьего блока!
</div>

Изначально выводится содержимое первого блока(block_1), но когда я жду по ссылки Блок 2, то место block_1 появляется содержимое block_2. и.т.д

П.С. Когда то видел такую х-ню, но сейчас найти почему то не могу.

Сообщение отредактировал Евгений - Суббота, 13.03.2010, 19:30

Дата: Суббота, 13.03.2010, 19:33 | Сообщение # 2

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Евгений,

Code

<a href="#" id="q1">Блок 1</a>
<a href="#" id="q2">Блок 2</a>
<a href="#" id="q3">Блок 3</a>

<div id="block1">
  Содержание первого блока!
</div>
<div id="block2" style="display:none">
  Содержание первого блока!
</div>
<div id="block3" style="display:none">
  Содержание первого блока!
</div>
<script>
$('#q2').click(function(){
$('#block2').show();$('#block3').hide();$('#block1').hide();
})
</script>

Кароче пока не делал

Дата: Суббота, 13.03.2010, 19:45 | Сообщение # 3

молчун

Группа: Проверенные

Пользователь №: 453

Сообщений: 25

Получено оценок: 8

Спасибо вроде работает.

Дата: Суббота, 13.03.2010, 19:52 | Сообщение # 4

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Дата: Суббота, 13.03.2010, 20:07 | Сообщение # 5

молчун

Группа: Проверенные

Пользователь №: 453

Сообщений: 25

Получено оценок: 8

Вот нашел еще вариант http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm , но стоит ли его подключать, весит он 6кб + стили... и в чем разница между тем что ты написал и этим

Дата: Суббота, 13.03.2010, 21:12 | Сообщение # 6

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Евгений, мой код проще

Дата: Суббота, 13.03.2010, 21:44 | Сообщение # 7

молчун

Группа: Проверенные

Пользователь №: 453

Сообщений: 25

Получено оценок: 8

UnderShot, Да я сейчас понял, просто с js вообще не знаком... Тот скрипт(где я дал ссылку) он весит 6кб со всеми стилями(если убрать комментарии и ненужные хуйни) но там есть много всяких прикольных фишек, одна из них он записывает данные в куки) А за твой скрипт тнх.

Дата: Суббота, 13.03.2010, 22:05 | Сообщение # 8

оратор

Группа: Модераторы

Пользователь №: 45

Сообщений: 923

Получено оценок: 85

Карма: 152

Евгений, к моему скрипту тоже можно прикрутить куки