@HovardRork
Верстальщик

Что сделать, чтобы по щелчку на определенный итем всплывало окно, связанное с этим итемом?

Есть итемы
<a href="#" class="item_content">
	<p>text</p>
</a>

По щелчку на них должны всплывать модальные окна, которые расположены внизу страницы и не имеющие элементов-родителей
<div id="modal">
	<span id="close">X</span>
	<p>Lorem</p>
</div>

Есть скрипт
$('.item_content').click(function(evt) {
  	evt.preventDefault();
  	$('#overlay').fadeIn(400, function() {
  		$('#modal').css('display', 'block').animate({opacity: 1, top: '50%'}, 200);
  	});
  });
  $('#close, #overlay').click(function() {
  	$('#modal').animate({opacity: 0, top: '45%'}, 200, function() {
  		$(this).css('display', 'none');
  		$('#overlay').fadeOut(400);
  	});
  });

Что сделать, чтобы по щелчку на определенный итем всплывало окно, связанное с этим итемом?
  • Вопрос задан
  • 94 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Faha1998
Full stack
задать айдишники, итемам и сооствествующим модальным окнам, что бы при клике на итем находилось окно с таким же айди. Я правильно понял вопрос?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы