Hola gurus del foro XD, les comento...
De manera dinamica genero una estructura del tipo
<div class="padre">
<div class="hijo">
algun texto por aca.
</div>
</div>
<div class="padre">
<div class="hijo">
algun texto por aca.
</div>
</div>
<div class="padre">
<div class="hijo">
algun texto por aca.
</div>
</div>
....
Y segun mi codigo de Jquery para hacer un acordeon es:
$(".padre").click(function()
{
$(".hijo").slideToggle("Slow");
}
);
El problema es que cuando hago clic en el padre, se expanden/contraen todos los hijos, lo cual tiene logica segun mi codigo, pero yo quiero hacer que se contraiga/expanda el hijo dependiendo el padre donde le di clic. Me plantie la segunda posibilidad
<div class="padre1">
<div class="hijo1">
algun texto por aca.
</div>
</div>
<div class="padre2">
<div class="hijo2">
algun texto por aca.
</div>
</div>
<div class="padre3">
<div class="hijo3">
algun texto por aca.
</div>
</div>
Segun yo asi seria un poco mas "facil" pero ahora el problema es que no se como quedaria mi codigo de Jquery, alguien me puede ayudar
, se los agradeceria mucho, mi idea es que el acordeon quedara como el que tiene en los comentarios este blog ***webdesignerwall.com/tutorials/dache-logo-design-process ***, espero puedan ayudarme, en serio gracias.