Помогите закрыть модальное окно

M
На сайте с 03.06.2012
Offline
73
683

Здравствуйте, есть блок модального окна с списком городов:

 

<div class="popup">
<div class="bg-popup">
<a href="#" class="close"></a>

<ul>
<li><a href="#" onclick="change_phone('(585) 857 78 54')";>Самара</a></li>

</ul>
</div>
</div>

при нажатии на город вызывается функция function change_phone(city)

function change_phone(city){

document.getElementById("phone").innerHTML = "<p><span>"+city+"</span></p>";
}

как сделать что бы при нажатии на город окно закрывалось

S5
На сайте с 04.01.2010
Offline
77
#1

document.getElementById("phone").innerHTML = "<p><span>"+city+"</span></p>";

$("popup").fadeout();

M
На сайте с 03.06.2012
Offline
73
#2
sg552:
document.getElementById("phone").innerHTML = "<p><span>"+city+"</span></p>";
$("popup").fadeout();

Сделал так:

 function change_phone(city){

document.getElementById("phone").innerHTML = "<p><span>"+city+"</span></p><a class='zakaz' href='#'>Заказать обратный звонок</a>";
$("popup").fadeout();
}

ничего не изменилось :(

S5
На сайте с 04.01.2010
Offline
77
#3

точку недопечатал

$(".popup").fadeout();

и перед этим подключите библиотеку jQuery

M
На сайте с 03.06.2012
Offline
73
#4
sg552:
точку недопечатал

и перед этим подключите библиотеку jQuery

Всем спасибо, сделал так:

 function change_phone(city){

document.getElementById("phone").innerHTML = "<p><span>"+city+"</span>";
$('#fade , .popup').fadeOut(function() {
$('#fade, a.close').remove();
}); //fade them both out
};
$('a.close, #fade').live('click', function() {change_phone(city);});

Если бы еще кто объяснил что я сделал было бы замечательно. Но код работает как хотелось.

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