Eltern zeigen Element Stück

Question

Hier kann sagen, wir haben so etwas wie:

 <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>

Wenn Sie also auf der more link klicken toggles den hidden class. aber nicht beide Klassen versteckt.

Ich habe versucht, ein paar Sachen mit $(this) aber nichts zu bearbeiten.

Gerade erst begonnen jquery / js so nicht die beste damit.

Das ist, was ich habe

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

Es ist jetzt arbeiten. :( Ich hoffe, Sie verstehen meine Frage ... Danke!

Answer 1

Dies ist möglicherweise nicht die effizienteste Lösung sein, aber versuchen Sie dies:

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

Das sollte funktionieren, wenn ich Ihre Frage richtig verstanden.

Answer 2

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