I've been trying to do this, and I've looked for the answer everywhere but no one seems to know or have the same problem.

What I want to do is: I have an array that looks like this

const myArray = [
    
    {
        nombre: 'String',
        definicion: 'Whatever.',
        duracion: 'Blah',
        id: "Blah",
    },

    {
        nombre: 'Name',
        definicion: 'Short description.',
        duracion: 'time',
        id: "whatever again",
    },

    {
        nombre: 'hello',
        definicion: 'this is descripción.',
        duracion: 'time',
        id: "the end",
    },

I used map return (item. nombre, item. definicion, etc.) and have them separated in different divs, so I wanted to do nombre.onclick (CSS transition so that the its definition will be shown) but its not working. It either shows all definitions or none. Sometimes it shows one definition 3 times ( or the number of objects in the array)