Hola,
Tengo una sección noticia, quiero que al apretar el titulo se abra la descripción, si hace clic otro titulo, que se cierre la descripción del titulo anterior para que se abra este nuevo.
Aquí hay un ejemplo, pero no es lo que busco y no me funciona. http://jsfiddle.net/W2JnV/3/light/
Estos son mis codigos y como estan ordenado mi html y css
Código HTML:
<div id="colum-der">
<div id="colum-noticia">
<h1><li>Noticias</li></h1>
<ul>
<li>
<h1 class="nombre-noticia">titulo1</h1>
<div class="desc-noticia"><p>descipcion1</p></div>
</li>
<li>
<h1 class="nombre-noticia">titulo2</h1>
<div class="desc-noticia"><p>descipcion2</p></div>
</li>
<li>
<h1 class="nombre-noticia">titulo3</h1>
<div class="desc-noticia"><p>descipcion3</p></div>
</li>
<li>
<h1 class="nombre-noticia">titulo4</h1>
<div class="desc-noticia"><p>descipcion4</p></div>
</li>
<li>
<h1 class="nombre-noticia">titulo5</h1>
<div class="desc-noticia"><p>descipcion5</p></div>
</li>
</ul>
</div>
</div> mi css
solo el div #desc-noticia esta como display:none;
mi javascript esta asi:
Código:
<script>
$(document).ready(function(){
$(".nombre-noticia").click(function(){
$(this).parent().find(".desc-noticia").slideToggle("slow");
});
});
Esta es la pagina que estoy haciendo http://paginasyousso.hol.es/mindrill/
puede ver en parte de noticia, que se abre cuando le haces clic, pero no cierra cuando le haces clic a otro.
Gracias