Как закрыть модальное окно?

Question

[dmitryosipov]

Выводит модальное окно. но при нажатии на "закрыть" сам элемент пропадает а окно не закрывается...

function open_popup(box) {
$("#bg-popup").show()
$(box).centered_popup();
$(box).delay(100).show(1); }
function close_popup(box) {
$(box).hide();

$(".close").click(function() {
$(".success").hide();
});

Answer 1

[ixon]

$(".close").click(function() {
$(".success").hide();
});

Answer 2

[1001001 111]

Попробуй
$('.success').fadeOut();

Comments

[Максим Иванов]

и понятное дело, потому что здесь не по событию срабатывает код, а сразу по считыванию браузером (fadeOut - Скрыть)

[1001001 111]

@skarui имелось ввиду прикрутить данное событие к кнопке "close", а вообще т.к. вы создаете окно, то просто удалите его при закрытии

$('.close').click(function (){
    $(this).closest('.success').remove();
});

Answer 3

[Creada]

В самой верхней функции у вас:

$('.success span, .warning span, .attention span, .information span').live('click', function() {
	$(this).parent().fadeOut('slow', function() {
	$(this).remove();
	});
});

Закрывает саму картинку, а не родительский див
Надо для $('.success span') сделать:

$('.success span').click(function(){
$(this).parents("div.success").fadeOut();
})

Comments

[dmitryosipov]

То есть тогда закроется сам Div, а не картинка?

[Creada]

По идее должно само окно закрыться

[Creada]

И посмотрите еще все ли у вас скобки закрыты, а то у меня веб-инспектор ругается "SyntaxError: Expected token '}'"