展会父母元素的项目

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');
});