Открываю вот так:
<a id="a_h" class="open_modal" href="#">Заказать обратный звонок</a></div>
jQuery(document).ready(function($) {
$(document).on('change', '.fofm input:checkbox', function() {
if ($(this).is(':checked')) {
$(".fofm input[type=submit]").removeAttr('disabled');
$('.fofm input[type=hidden].valTrFal').val('valTrFal_true');
} else {
$(".fofm input[type=submit]").attr('disabled', 'disabled');
$('.fofm input[type=hidden].valTrFal').val('valTrFal_disabled');
}
});
$('.close_modal, .overlay').click(function() {
$('.popup, .popup2, .overlay').css({
'opacity': '0',
'visibility': 'hidden'
});
$('.popup > .fofm textarea').val('');
$(':input', '.fofm').not(':button, :submit, :reset, :hidden').val('').removeAttr('checked').removeAttr('selected');
$(".fofm input[type=submit]").attr('disabled', 'disabled');
});
$('#a_h, #a_h1').click(function(e) {
e.preventDefault();
$('.popup, .overlay').css({
'opacity': '1',
'visibility': 'visible'
});
});
$(".fofm").submit(function() {
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "/wp-content/themes/theme1971/php/contact.php",
data: str,
success: function(msg) {
if (msg == 'ok') {
$('.popup2, .overlay').css('opacity', '1');
$('.popup2, .overlay').css('visibility', 'visible');
$('.popup').css({
'opacity': '0',
'visibility': 'hidden'
});
} else {
$('.popup2 .window').html('<h5>Ошибка</h5><p>Сообщение не отправлено, убедитесь в правильности заполнение полей</p>');
$('.popup2, .overlay').css('opacity', '1');
$('.popup2, .overlay').css('visibility', 'visible');
$('.popup').css({
'opacity': '0',
'visibility': 'hidden'
});
}
}
});
return false;
});
});