Reduje el código y queda así:
Código:
for (x=0;x<10;x++){
button[x] = $('button'+x);
content[x] = $('contentElement'+x);
Toggle[x] = new Fx.Style('contentElement'+x, 'height',{duration: 500});
}
button[1].addEvent('click', function(){
if(content[1].getStyle('height').toInt() > 0){
Toggle[1].start(0);
}else{
Toggle[1].start(content[1].getSize().scrollSize.y);
}
return false;
});
Es más, así también funciona:
Código:
for (x=1;x<lis.length+1;x++){
button[x] = $('button'+x);
content[x] = $('contentElement'+x);
Toggle[x] = new Fx.Style('contentElement'+x, 'height',{duration: 500});
}
for(i=1;i<button.length;i++){
if(content[i].getStyle('height').toInt() > 0){
Toggle[i].start(0);
}else{
Toggle[i].start(content[i].getSize().scrollSize.y);
}
}
Lo único que queda es aplicar esa función addEvent del botón a todos los botones del array Button. ¿Cómo podría hacer eso?
Gracias de antemano