Cada vez que des un clic sobre alguno de los botones, tendrías que recorrer el conjunto de elementos
<div> de abajo y verificar si el número asignado al final del
id de cada uno de ellos, coincide con el número asignado al final del
id del botón. Si son iguales, muestras al
<div>, caso contrario, lo ocultas.
Código Javascript
:
Ver original$("[id^=boton]").click(function(){
var valorBoton = this.id[this.id.length - 1];
Array.prototype.forEach.call($("[id^=descripcion]"), function(div){
var valorDiv = div.id[div.id.length - 1];
if (valorBoton == valorDiv)
$(div).slideDown("slow");
else
$(div).slideUp("slow");
});
});
Para realizar el recorrido sobre los elementos
<div>, utilizo el método
Array.prototype.forEach, pero si quieres que esto también funciones en Internet Explorer 8 y versiones inferiores, te conviene utilizar un bucle clásico como
for o
while.
Saludos