Как я могу убрать один из кликов из режима скрытия/отображения? ⇐ Jquery

[Anonymous]

Я пытаюсь показать/скрыть дополнительную информацию об именах при клике, но не знаю, как это сделать одним щелчком мыши.
Я получаю JSON, который содержит информацию, связанную с игрой, и создает div с помощью JS, например:

Код: Выделить всё

fetch("thething.json")
.then(res => res.json())
.then(data =>{
games = data.map(game => {
const newDiv = document.createElement("div");
newDiv.className = "game-info";
newDiv.innerHTML = `
${game.Name}

[img]${game.Thumbnail}[/img]
${game.Description}

`;
document.body.appendChild(newDiv);

JSON сам по себе содержит кучу информации об играх в такой структуре:

Код: Выделить всё

[{"Name: gamename1,
"Thumbnail: https://imglocation,
"Description": This game is indeed a game
},
{"Name: gamename2,
"Thumbnail: https://imglocation2,
"Description": This game2 is indeed a game2
}
]

Функция переключения записывается следующим образом:

Код: Выделить всё

function toggler(){
$('div.game-info').click(function(e){
$(this).children('.info').toggle();
});
}

Это вроде как работает, но для просмотра дополнительной информации требуется один или несколько кликов. Я знаю, что проблема связана с несколькими вызовами onclick, но не знаю, как сделать это одним щелчком мыши. Я пробовал использовать jQuery без функции переключения, но тогда он открывает информацию обо всех именах, а не только о том, по которому щелкнули. Так что, если бы кто-нибудь мог сказать мне, как избавиться от этого вторичного клика или как правильно настроить таргетинг на информацию, на которую я щелкнул в разделе InnerHTML, это было бы здорово!

Подробнее здесь: https://stackoverflow.com/questions/781 ... -hide-show