Как показать / убрать блок по клику на его родителя?

Question

[Daniel_Defo]

Есть код html, как сделать появление и исчезновение блока overlay по клику на родителя report-img-item, кто нибудь сталкивался с таким? Перепробовал кучу фишек, но overlay перекрывает report-img-item и нельзя кликнуть, как сделать overlay не активным для клика?
pointer-events: none пробовал, не работает почему-то. Помогите кто сталкивался с таким карточки с информацией, сейчас там при наведении в...

<div class="report-img-item">
							<img src="img/report/1.jpg" alt="Alt">
							<div class="overlay">
								<div class="report-caption">
									<span class="h3">Забор из профнастила</span>
									<p class="txt">Забор из профнастила с кирпичными столбами</p>
								</div>
							</div>
						</div>

Answer 1

[Владимир Проскурин]

Если вам нужен клик только по родителю (не по ребенку), то у события есть свойство target - тот элемент, на который кликнули
https://jsfiddle.net/touhpkw1/

Comments

[Daniel_Defo]

Понял, а как рализовать появление и исчезновение overlay по клику на родителя report-img-item?

[Владимир Проскурин]

Ну, в клике ищите overlay у кликнутого элемента, типа так
$(this).find('.overlay').fadeOut();

[Daniel_Defo]

Спасибо большое)
Добра вам!