[SOLUCIONADO] Deslegar multiples divs con Jquery

[theliveisnitro]

Hola buenas,

Tengo unos divs que son headers y engloba cada uno otros divs que son el cuerpo de cada header. Por ejemplo:

______________________
| TITULO 1 (header) + |
|_____________________|
| |
| CUERPO 1 |
|_____________________|


______________________
| TITULO 2 (header) + |
|_____________________|
| |
| CUERPO 2 |
|_____________________|

... etc

Entonces donde está el + (y también habrá un -, para maximizar minimizar)
Quiero hacer con JQUERY que cada vez que cliques al (-) el cuerpo se cierre para arriba (o desaparezca vaya...) y cuando cliques al (+) vuelva a aparecer...

Espero haberme explicado bien, gracias!!!

[David]

Puedes usar slideUp y slideDown:
http://api.jquery.com/slideDown/
http://api.jquery.com/slideUp/

[theliveisnitro]

Iniciado por David

Puedes usar slideUp y slideDown:
[url]http://api.jquery.com/slideDown/[/url]
[url]http://api.jquery.com/slideUp/[/url]

Muchísimas gracias, esas son las dos funciones que me hacen falta, pero por último, si lo quiero hacer con unas 20 cajas? porqué claro, si le digo ocultar (plegar) el div 03, tengo que repetir ese script por 30 veces (con los conocimientos que tengo ahora) y me gustaría hacerlo tipo BUCLE o algo así... que cuando yo le de al icono (+) SOLO me despliegue su div de abajo y no todos los demás...

¿Alguien sabe? Muchas gracias

[David]

Para eso están los selectores, por ejemplo, si todos tienen una misma clase, puedes hacer algo como esto:

Código Javascript:

$(".clase").click(function() {
    // Aquí puedes acceder al objeto al que se hizo click con $(this)
});