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は私が取り組んでいるものです。ツリーを下に移動するには、親を置き換えるか親に追加する必要があることを知っています。

$('.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');
  }
});
4

2 に答える 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');

    }
});
于 2013-10-22T10:31:17.937 に答える