Автор Capsan Capsanio задал вопрос в разделе Верстка, CSS, HTML, SVG
Открытие модального окна при переходе по ссылке вида site.ru/#contact и получил лучший ответ
Ответ от Евгений Тарасевич[гуру]
Создаёшь блок самого модального окна, делаешь его не видимым, в ссылке href пишешь href=#contact. Потом у ссылки или кнопке, которая будет вызывать модальное окно присваиваешь id или class и в jquery на .click вешаешь появление этого блока .show() или .fadein() и т. п. Либо получаешь текст из адресной строки и если ссылка содержит #contact то отображаешь окно тем же способом.
Пример с данными из адресной строки (класс блока div class="popup"):
var hrf=location.hash;
var hrf=hrf.toString();
console.log(hrf);
$('div.popup').hide();
if (hrf=='#contact'){
$('div.popup').fadeIn();
}
Вариант при нажатии на кнопку/ссылку:
скрипт
$("div.popup").css('display','none');
$("#showPopup").click(function(){
if ($("div.popup").is(":visible")==false){
$("div.popup").fadeIn();
};
});
Создаёшь ссылку a href="#contact" id="showPopup"