Ссылка на всплывающее окно

NewJey
На сайте с 21.11.2009
Offline
139
453

Добрый день.

Подскажите, есть всплывающее окно подписки, которое появляется при первом заходе на сайт, как сделать ссылку на него что бы можно было через ссылку вызвать его?

<div id="modal_footer">

<div class="close_modal"></div></br></br></br>
<h2>Подписка на рассылку</h2>
<p>Если Вы хотите быть в курсе всех новинок,<br>
акций и распродаж, подпишитесь на рассылку.<p>
<form method="POST" id="mail_form_modal" action="/index.php?route=information/mail">
<input required="required" type="text" name="firstname" placeholder="Имя:" />
<input required="required" type="text" name="mail" placeholder="E-mail:" />
<input type="hidden" name="ajax" value="1" />
<input type="submit" value="Подписаться" />
</form>
</div>

Спасибо.

web-developer
На сайте с 24.11.2014
Offline
15
#1

<style>

#modal_footer {display: none;}

</style>

<script>

$(function() {

$("a#open-btn").click(function() {

$("#modal_footer").css("display","block");

});

});

</script>

<a href="#" id="open-btn">Открыть</a>

NewJey
На сайте с 21.11.2009
Offline
139
#2
web-developer:
<style>
#modal_footer {display: none;}
</style>
<script>
$(function() {
$("a.open-btn").click(function() {
$("#modal_footer").css("display","block");
});
});
</script>
<a href="#" id="open-btn">Открыть</a>

Спасибо, но не работает(

web-developer
На сайте с 24.11.2014
Offline
15
#3

http://codepen.io/anon/pen/JdjMOj

Всё работает.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий