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

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

Форум программистов > JavaScript: Применение библиотек > Использование селектора в Jquery

Автор: Rusman 5.6.2012, 09:51

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

Как правильно выполнить следующую задачу без 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

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

Код


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