Вот есть простая страница. Если кликнуть по ссылке кнопкой мыши, то появится на мгновение блок (причем вроде на то время, пока грузится страница). А должен просто появится и не исчезать.
http://178.162.248.149/~sergc578/simple/
html-верстка:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>
<link type="text/css" href="css/index.css" rel="stylesheet"/>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#popup').hide();
$('#link').click(function(){
$('#popup').show();
});
});
</script>
</head>
<body>
<div id="alldocument">
<p><a id="link" href="">Ссылка</a></p>
</div>
<div id="popup">
<h4>Заголовок</h4>
<p>Абзац 1</p>
<p>Абзац 2</p>
</div>
</body>
</html>
CSS:
*{
margin: 5px;
}
div{
margin: 10px;
}
#alldocument{
position: relative;
}
#popup{
position: absolute;
top: 200px;
left: 200px;
}
Подскажите, пожалуйста, где ошибка?