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!
La solution
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.
Autres conseils
$('a[href=#more]').click(function() {
$(this).parents('.row > div.hidden').slideToggle('slow');
});
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow