Почему на jquery это не работает?

Почему на jquery это не работает?

maasja

Пользователь

Сообщения: 124
Благодарности: 3

Здравствуйте. Никак не могу понять почему не работает этот код. После клика на красный квадратик, должно произойти затемнение (фоном), а потом осветление. Затемнение происходит, а вот осветление - нет. После клика и затемнения, даже если из консоли javascript написать

Код:

$(".test").fadeOut("normal",function(){$(this).remove();});

, то ничего не происходит (такое впечатление как будто для этого элемента происходит какая-то критическая ошибка, но в консоли и отладчике пусто).
Если в функции close, забрать строку

Код:

$(".test").stop();

, то все работает как нужно.
Сам код:

HTML код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<script type="text/javascript" language="JavaScript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<style type="text/css">
html,body{
margin:0;
padding:0;
width:100%;
height:100%;
background-color:gray;
}
</style>
<script type="text/javascript" language="JavaScript">
$(function(){
	var mim='<div class="test" style="width:100%;height:100%;background-color:black;position:absolute;top:0px;left:0px;z-index:10000;display:none;"></div>';
	$("#go").click(function(){
		$("body").append(mim);
		$(".test").fadeIn("normal",function(){$(this).css("display","block");close();});

	});
});
function close(){
$(".test").stop();
$(".test").fadeOut("normal",function(){$(this).remove();});
}
</script>
</head>
<body>
<div id="go" style="width:100px;height:100px;background-color:red;"></div>
</body>
</html>

Пробовал во всех браузерах, с разными версиями jquery, результат тот же.
P.S. я знаю что именно в этом примере делать stop() не нужно, но это упрощенный код длинного скрипта, где он очень нужен. Помогите пожалуйста, а то я вошел в ступор. Спасибо.

Отправлено: 20:00, 14-04-2011