VPF::Использование селектора в Jquery

Rusman

Дата 5.6.2012, 09:51 (ссылка)

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

Загрузка ...

Опытный

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

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

Здравствуйте!

Как правильно выполнить следующую задачу без ID элемента

Допустим есть следующий список, состоящий из div-ов:

Код


<div class="name">Имя 1</div>
<div class="info">Текст 1</div>
<div class="name">Имя 2</div>
<div class="info">Текст 2</div>
<div class="name">Имя 3</div>
<div class="info">Текст 4</div>

CSS:

Код


.info {
 display: none;
}

Задача: Нужно при клике на div с классом name отобразить следующий div с классом info.
Пробовал сделать так:

Код



$('.name').click(function(){
  $(this + ' ~ .info').css('display','block');
}
);

Но почему то не работает. Подскажите, пожалуйста, как решить данную задачу.

За ранее спасибо!

Amphiluke

Дата 5.6.2012, 11:03 (ссылка)

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

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

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

Попробуйте так:

Код


$(".name").click(function() {
    $(this).next(".info").show();
});

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