même méthode jquery .toggleClass() à différents éléments pour montrer/cacher leurs enfants sans code interminable?

Question

Je sais que mon titre est confus, mais je ne savais pas comment le décrire plus précisément.

Let Plongeons à droite dans le problème:

J'ai plusieurs entrées de nouvelles (les) divs positionnés dans mes nouvelles sections. Il ressemble un peu comme ça: news-section_overview

Après avoir cliqué sur l'une de ces entrées, je veux passer la brève description placée à l'intérieur de ces entrées. Je l'ai déjà essayé, mais il passe tout le temps au lieu de seulement celui qui a été cliqué.

DOM-Overview + States how it should look like

code qui permet de basculer tous:

//news article toggle 
$(".news .--element").click(function(){ 
$(".--element .article").toggleClass("is-visible") 
}); 

Un grand merci à l'avance!

Cela a juste fonctionné. Jumelé avec .find il a fait l'affaire.

$(".news .--element").click(function(){ 
$(this).find(".article").toggleClass("is-visible") 
}); 

Answer 1

Vous pouvez essayer quelque chose comme ça:

$(".entry").click(function() { 
    $(this).toggleClass("showDescription"); 
});