[SOLUCIONADO] Como abrir cada ventana al hacer click y que no se habran todos

[jbryan1093]

Tengo una duda,
Estoy haciendo una sección de noticia y cada vez que hagan clic en el titulo, aparece en la parte de abajo el contenido.
El logrado que se abra el contenido, pero se abren todos a la vez y quiero que solo se abra solo al que yo haga click,
Este es mi html

html:
<li>
<h1 class="nombre-noticia">Titulo Noticia</h1>
<div class="desc-noticia"><p>Contenido Noticia</p>
</li>
<li>
<h1 class="nombre-noticia">Titulo Noticia</h1>
<div class="desc-noticia"><p>Contenido Noticia</p>
</li>

css:
.desc-noticia{
display:none;
}

javascript:
<script>
$(document).ready(function(){
$(".nombre-noticia").click(function(){
$(".desc-noticia").slideToggle("slow");
});
});
</script>

Eh pensado en hacer un each para contar cuantas noticia tengo en total y guardarlo en un arreglo para que si es 0 abra el 1 la primera noticias algo asi, ya que abran muchas noticias.

Gracias

[Alexis88]

Tienes que hacer un filtrado, para lo cual, primero debes de ubicar al elemento que contiene tanto al <h1> como al <div> de la noticia. Para lo primero, utiliza el método parent y ya con el elemento padre ubicado, busca en él al <div> del contenido con el método find.

Código Javascript:

$(".nombre-noticia").click(function(){
    $(this).parent().find(".desc-noticia").slideToggle("slow");
});
 

Saludos

[jbryan1093]

Gracias, me sirvió.
Soy novato en javascript, no entendí muy bien para que sirve parent.
Entiendo que buscaste todas clases desc-noticia y le aplicaste el estilo. Pero no entiendo $(this).parent .
Averiguaré mas sobre esta propiedad, pero si puede decirme algo me serviría.

Gracias era justo lo que quería.

[Alexis88]

La palabra reservada this en este caso se emplea para hacer referencia al objeto en donde se está ejecutando el método click, en este caso sería el elemento de clase "nombre-noticia". El método parent busca y obtiene al elemento padre del elemento al cual le aplicaste el método, en este caso sería el elemento <li>.

Te sugiero leer la información de los enlaces que adjunté, en ellos se detalla el funcionamiento de ambos métodos.

Saludos