Foros del Web » Programando para Internet » Javascript »

Abrir Div al hacer click

Estas en el tema de Abrir Div al hacer click en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/07/2014, 21:26
 
Fecha de Ingreso: junio-2014
Mensajes: 26
Antigüedad: 9 años, 10 meses
Puntos: 0
Abrir Div al hacer click

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
  #2 (permalink)  
Antiguo 13/07/2014, 22:50
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Abrir Div al hacer click

Ya te habíamos respondido Ktulu en el otro hilo. No dupliques temas, va en contra de las políticas del foro.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 13/07/2014, 23:45
 
Fecha de Ingreso: junio-2014
Mensajes: 26
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Abrir Div al hacer click

claro, el otro quería para los tres botones que tiene la pagina: calidad, medio ambiente y seguridad. Pero intente implantarlo en noticias y no me sale, estuve horas y no comprendo mucho jquery. Aquí son 10 y es un poco diferente.
Lo siento el mal entendido.

Etiquetas: html, html+javascript, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 18:03.