Tengo 3 botones, lo que deseo es que al hacer clic en boton1 se abra descripción 1, pero al hacer clic en boton2, se cierre automaticamente la descripcion1 para abrir la descripcion2 en el mismo lugar.
Las 3 descripciones estan con display none.
Me Funciona cuando abre cada descripcion, pero no cierra cuando abro el otro.
Y Si se puediera trabajar con class y no id, sería mejor.
HTML
Código:
<div id='boton1'>
<a>Titulo...</a>
</div>
<div id='boton2'>
<a>Titulo...</a>
</div>
<div id='boton3'>
<a>Titulo...</a>
</div>
<div id='descripcion1'>
</div>
<div id='descripcion2'>
</div>
<div id='descripcion2'>
</div>
------------------------------------------------------------------
Aqui no se si poner if($("#boton1).click"){
$("#descripcion1").slideToggle("slow");
} else if(){
}
algo asi
Código:
<script>
$(document).ready(function(){
$("#boton1").click(function(){
$("#descripcion1").slideToggle("slow");
});
$("#boton2").click(function(){
$("#descripcion2").slideToggle("slow");
});
$("#boton3").click(function(){
$("#descripcion3").slideToggle("slow");
});
});
</script>
Gracias, slds