Как исправить появление блоков?

Question

[Tizi]

Имеются вот такие блоки

скрин

При наведении на 1 он выглядит так

скрин

Но когда я клацаю по знаку "?"
Он проявляет мне в каждом блоке а не в том котором я нажал

скрин

код блока

код

<!-- box -->
			<div class="box-game">
				<img src="img/coming-son.png" alt="" width="100%" height="100%" style="position: relative;">
				<div class="all-content-box-game">
					<a href="#"><h3>coming soon</h3></a>
					<div class="posit-what">
						<div class="what">?</div>
					</div>
				</div>
				<div class="box-info-game">
					<div class="posit-what">
						<div class="what">x</div>
					</div>
				</div>
			</div>

js код

код

$('.what').click(function () {
	$('.box-info-game').fadeToggle("slow");
});

как сделать так что бы блок .box-info-game появлялся только в том блоке в тором я нажал на "?"

Answer 1

[IvanKalinin]

По клику на блок, jQuery $('.box-info-game') находит все эти блоки и воздействует на всех их, поэтому нужно ему подсказать, что воздействовать нужно только на родителя примерно так

$('.what').click(function () {
  $(this).closest('.box-info-game').fadeToggle("slow");
});

На будущее, для более быстрой и качественной помощи выкладывайте более полный код куда-нибудь вроде codepen.io/