Выбор метода Jquery для перехода к следующему родительскому ребенку

Question

Выбор метода Jquery для перехода к следующему родительскому ребенку

0

Мне трудно получить правильный метод, чтобы настроить правильный элемент.

HTML

 <div class="side-blog">
   <div class="side-nav-block-item">
      <h4>Click me</h4>
  </div>
  <div class="side-nav-block-item">
     Stuff I want to Slide up
  </div>
</div>

jQuery - это то, с чем я работаю. Я знаю, что мне нужно заменить родителя или добавить к нему, чтобы вернуться назад по дереву, я попробовал ближайшее() и next(), но не смог заставить его работать.

$('.side-blog h4').click(function() {
  if ($(this).hasClass('on')) {
    $(this).toggleClass('on');
    $(this).parent('.side-nav-block-item').slideUp('normal');
  } else {
    $(this).toggleClass('on');
    $(this).parent('.side-nav-block-item').slideDown('normal');
  }
});

sarah3585 22 окт. 2013, в 12:54

Источник

Теги:

javascript

jquery

html

2 ответа

1

это будет работать для вас

с помощью next() вы получите результат.

$('.side-blog h4').click(function() {
if ($(this).hasClass('on')) {

    $(this).toggleClass('on');
        $(this).parent('.side-nav-block-item').next().slideDown('normal');
} else {

    $(this).toggleClass('on');
    $(this).parent('.side-nav-block-item').next().slideUp('normal');

    }
});

Deep Sharma 22 окт. 2013, в 09:14

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-10-22T07-23-00.000Z

Пытаться

var $this = $(this);
$this.parent('.side-nav-block-item').next()[$(this).hasClass('on') ? 'slideUp' : 'slideDown']('normal');
$this.toggleClass('on');

Демо: скрипка