Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Toggle для блоков

Автор: KgCoder 25.6.2009, 20:29

Совсем запутался в 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

Код


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