estoy maquetando una web que contiene una gran cantidad de artículos. Para hacerlo de forma eficiente está maquetada con clases en css. Quiero hacer que cuando se pinche sobre el título del artículo se despliegue más información sobre el mismo. El código de Jquery funciona, pero el problema es que despliega la información de todos los artículos, no sólo la información de el artículo clickado. ¿Cómo lo puedo solucionar? Adjunto el código de esta función:
$(".caja").click(function () {
$(".cajacompleta").slideDown("slow");
$(".cajacompleta").css("display", "flex");
});
$(".volverapapers").click(function () {
$(".cajacompleta").slideUp("slow");
});
Gracias a todos de antemano.
.cajacompleta
que es hijo del elemento que ha sido clicado ($(this)
)en vez de buscar todos los elementos de esa clase.div
. De esa manera puedes acceder a través delparent()
del$(this)
, y usarfind()
para acceder al que te interesa. Otra manera, si el.cajacompleta
es justo lo siguiente de.caja
, puedes usarnext()
. Te recomiendo acostumbrarte a leer la documentación y buscar por ella. Pues te acabarás pasando horas y horas haciéndolo, cuanto antes te acostumbres a navegar por documentación antes verás todo lo que te estás perdiendo :)