Mostrar elemento del elemento primario
Pregunta
Digamos que tenemos 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>
Entonces, cuando haces clic en more link
se toggles
el hidden class
. pero no ambas clases ocultas.
Traté de editar algunas cosas con $(this)
pero nada.
Acabo de comenzar jquery / js, así que no es el mejor con él.
Esto es lo que tengo
$(".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;
}
);
Ahora funciona. :( Espero que entiendas mi pregunta ... ¡Gracias!
Solución
Puede que esta no sea la solución más eficiente, pero intente esto:
$(".row #more").click(function() {
$(this).parents(".row").children(".hidden").slideToggle("slow");
}
);
Eso debería funcionar, si entendí tu pregunta correctamente.
Otros consejos
$('a[href=#more]').click(function() {
$(this).parents('.row > div.hidden').slideToggle('slow');
});
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow