부모 요소의 항목을 보여줍니다

Question

우리가 다음과 같은 것을 가지고 있다고 가정 해 봅시다.

 <div class="row">
      <div class="box">
          <a class="more" href="#more"/>
      </div>
      <div class="hidden">
          stuff
      </div> 
 </div>
 <div class="row">
      <div class="box">
          <a class="more" href="#more"/>
      </div>
      <div class="hidden">
          stuff
      </div>  
  </div>

그래서 당신이 클릭하면 more link 그것 toggles 그만큼 hidden class. 그러나 숨겨진 수업은 아닙니다.

나는 몇 가지 물건을 편집하려고 노력했다 $(this) 하지만 아무것도 아니야.

방금 jquery/js를 시작했기 때문에 최고가 아닙니다.

이것이 내가 가진 것입니다

$(".row .more").click( 
        function()
        {
            var parentTag = $(this);
            var parentTag = "." + $(this).parent().parent().parent().attr('class') + "";
            //$(this).prepend(document.createTextNode(parentTag));      
            $(parentTag + " .forum-stats").slideToggle("slow");
            return false;
        }
    );

이제 작동합니다. :( 내 질문을 이해하기를 바랍니다 ... 감사합니다!

Answer 1

이것은 가장 효율적인 솔루션이 아니지만 이것을 시도하십시오.

$(".row #more").click(function() {
        $(this).parents(".row").children(".hidden").slideToggle("slow");    
    }
);

귀하의 질문을 올바르게 이해하면 작동해야합니다.

Answer 2

$('a[href=#more]').click(function() {
    $(this).parents('.row > div.hidden').slideToggle('slow');
});