Mostrar os pais de itens do elemento
Pergunta
Vamos dizer que temos algo como:
<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>
Assim, quando você clicar no more link
que toggles
o hidden class
. mas não escondida ambas as classes.
Eu tentei editar algumas coisas com $(this)
mas nada.
Apenas começou jquery / js não o melhor com ele.
Isto é o que eu tenho
$(".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;
}
);
Ele agora trabalhar. :( Espero que você entenda a minha pergunta ... Obrigado!
Solução
Esta pode não ser a solução mais eficiente, mas tente o seguinte:
$(".row #more").click(function() {
$(this).parents(".row").children(".hidden").slideToggle("slow");
}
);
Isso deve funcionar, se eu entendi sua pergunta corretamente.
Outras dicas
$('a[href=#more]').click(function() {
$(this).parents('.row > div.hidden').slideToggle('slow');
});
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow