добрый день
вот столкнулся с тем что не знаю как это реализовать?
хочу сделать всплывающие меню, решил использовать "div" и функцию "hover".
наводишь мышку на слово "simple text" окно появляется, убираешь мышку с объекта окно пропадает.
как сделать так чтоб окно оставалось и тогда когда мышка наведена на само окно, а не только на объект?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<title>Untitled Document</title>
<script>
$(document).ready(function() {
$("#text").hover(function(){
$(".window").show(400);
}, function(){
$(".window").hide(400);
})
});
</script>
<style>
.wrap{width:200px; height:200px; margin:50px auto; border:1px solid #CCC; position:relative;}
.window{ width:100px; height:50px; background:#ccc; border:1px solid #CCC; display:none; position:absolute; top:20px; left:20px;}
</style>
</head>
<body>
<div class="wrap"><span id="text">simple text</span>
<div class="window"></div>
</div>
</body>
</html>
заранее благодарен