Bonjour tout le monde !

Je travaille actuellement sur mon portfolio. Je présente mes réalisations en grille : 2 row, 4 projets par row. En dessous de chaque row, il y a une div "row-detail" où j'affiche le détail du projet. Mais je veux aussi pouvoir fermer le détail.

J'ai donc ajouté dans mon code Javascript une img "croix" qui s'affiche à chaque détail que l'on ouvre. Lorsqu'on clique dessus, le détail du projet se cache.
Mon code fonctionne lorsqu'on ouvre le détail d'un projet et qu'on le referme directement avec le bouton. Mais quand on ouvre le détail de plusieurs projets avant de cliquer dessus, rien ne se passe.

Vous pouvez voir mon code et le problème que je rencontre ici : https://jsfiddle.net/marieD83/pv04dyay/1/
Avez-vous une idée d'où cela peut venir ?
Merci beaucoup !