Как выполнять функцию по клику для конкретного элемента?

Question

[Сергей Шилов]

Всем привет. Давно пишу "мелкие" скрипты на jquery для разных "красивостей" на сайте, но до сих пор не знаю, как правильно выполнять такие события, как: .click, .hover..

Есть html код:

<div class="parent">
   <div class="children">
      <p>Тут текст - 1</p>
   </div>
</div>
<div class="parent">
   <div class="children">
      <p>Тут текст - 2</p>
   </div>
</div>

Мне нужно, чтобы по событию .click на один из двух блоков, раскрывался блок с классом children нажатого блока с классом parent.

В обычном случае я бы написал что-то типа:

$('.parent').click( function() {$('.children').fadeIn('slow'); });

Но в этом случае раскроются все блоки с классом children, а нужно конкретно кликнутый блок.

Подскажите, как правильно писать такие вещи?

Answer 1

[Григорий]

Вот давайте серьезно! Вы документацию читали?
Первый же пример называется Hide paragraphs on a page when they are clicked

Comments

[Сергей Шилов]

он их скрывает, а если у меня .children по-умолчанию скрыт?

[Григорий]

А если он по умолчанию скрыт, то надо немного переделать пример под ваши нужды.

[Сергей Шилов]

@difiso не очень понимаю, как именно. Сейчас вот пишу, получается что-то такое:

$('.faq-block > div').click(function() {
$('.this).slideToggle('slow');
}); // мне надо, чтобы раскрывался ('.faq-block > div p'), который по-умолчанию display: none;

[Сергей Шилов]

Всё, решил проблему, добавив .children

Answer 2

[issmail]

используйте указатель this.