VPF::Toggle для блоков - Форум программистов

KgCoder

Дата 25.6.2009, 20:29 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 93
Регистрация: 6.3.2008
Где: KGstan

Репутация: нет
Всего: нет

Совсем запутался в jQuery. Пожалуйста помогите разобраться. Есть такой код:

Код


<div class="element">
  <div class="title">
    <h3>Заголовок 1</h3>
  </div>
  <div class="teaser">
    <p>Анонс 1</p>
  </div>
</div>
...
<div class="element">
  <div class="title">
    <h3>Заголовок N</h3>
  </div>
  <div class="teaser">
    <p>Анонс N</p>
  </div>
</div>

1. Как скрыть все элементы с классом "teaser" кроме первой?
2. Как сделать чтобы при "hover" на <h3> открывался соседний <div> "teaser", а остальные закрывались?

Спасибо за внимание.

unicross

Дата 25.6.2009, 22:34 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 422
Регистрация: 15.6.2008

Репутация: 5
Всего: 53

Код


$(document).ready(function() {
   $("div.teaser").not("div.teaser:first").hide();
   $("h3").click(function() {
      $("div.teaser:visible").hide();
      $(this).parent("div").next("div.teaser").show();
   });
});

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »