Visualizza i genitori voce dell'elemento
Domanda
Diciamo che abbiamo qualcosa di simile:
<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>
Quindi, quando si fa clic sul more link
esso toggles
il hidden class
. ma non entrambi nascosti classi.
Ho provato a modificare alcune cose con $(this)
ma niente.
appena iniziato / jQuery js quindi non il migliore con esso.
Questo è quello che ho
$(".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;
}
);
Non ora funziona. :( Spero che tu capisca la mia domanda ... Grazie!
Soluzione
Questa non può essere la soluzione più efficiente, ma provate questo:
$(".row #more").click(function() {
$(this).parents(".row").children(".hidden").slideToggle("slow");
}
);
Che dovrebbe funzionare, se ho capito bene la tua domanda.
Altri suggerimenti
$('a[href=#more]').click(function() {
$(this).parents('.row > div.hidden').slideToggle('slow');
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow