$("[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).slideToggle("slow"); else $(div).slideUp("slow"); }); });
<div id='boton1'> <a>Titulo...</a> </div> <div id='boton2'> <a>Titulo...</a> </div> <div id='boton3'> <a>Titulo...</a> </div> <div id='descripcion1'>Descripción 1</div> <div id='descripcion2'>Descripción 2</div> <div id='descripcion3'>Descripción 3</div>
[id^=boton]:nth-child(even){ background: yellow; } [id^=boton]:nth-child(odd){ background: lightgreen; } [id^=boton]{ cursor: pointer; } [id^=descripcion]:nth-child(even){ background: cyan; } [id^=descripcion]:nth-child(odd){ background: red; } [id^=descripcion]{ width: 15em; height: 10em; display: none; }