Afficher l'élément de l'élément parents

Question

Disons que nous avons quelque chose comme:

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

Donc, lorsque vous cliquez sur le more link, il toggles le hidden class. mais pas les deux classes cachées.

J'ai essayé de modifier certaines choses avec $(this) mais rien.

Je viens de commencer jquery / js, donc ce n’est pas le meilleur.

Voici ce que j'ai

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

Cela fonctionne maintenant. :( J'espère que vous comprenez ma question ... Merci!

Answer 1

Ce n'est peut-être pas la solution la plus efficace, mais essayez ceci:

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

Cela devrait fonctionner si j'ai bien compris votre question.

Answer 2

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