Привет Всем, помогите пожалуйста. Нужно сделать (доделать) скрипт, чтобы при наведении на первый блок <div> показывалось его содержимое, а при наведении на содержимое - блок не закрывался. Будет 3-5 блоков, расположенных вниз один за другим. При этом надо, чтобы при наведении на первый (и т.д.) блок - остальные не открывались.
<html>
<head>
<style type="text/css">
div.txt {
height: 20px;
border: 1px solid;
}
div.box {
background-color: ;
display: none;
border: 0px;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js'
type='text/javascript'></script>
<script type="text/javascript">
function posMouse(e){
var mouX = 0, mouY = 0;
if (!e) e = window.event;
if (e.pageX || e.pageY) {
mouX = e.pageX;
mouY = e.pageY;
} else if (e.clientX || e.clientY) {
mouX = e.clientX + (document.documentElement.scrollLeft
|| document.body.scrollLeft) - document.documentElement.clientLeft;
mouY = e.clientY + (document.documentElement.scrollTop
|| document.body.scrollTop) - document.documentElement.clientTop;
}
return {"x":mouX, "y":mouY}
}
$(document).ready(function(){
$('div.txt').mouseover(function(){
$(this).next().slideDown('slow');
})
.mouseout(function(e){
var elem = $(this).next(), mou = posMouse(e);
if ((mou.x < elem.offset().left) || (mou.x > elem.offset().left + elem.width())
|| (mou.y < elem.offset().top))
elem.slideUp('slow');
});
$('div.box').mouseleave(function(){
$(this).slideUp('slow');
});
});
</script>
</head>
<body>
<div class='txt'>Новость 1</div>
<div class='box'>Описание 1</div>
<div class='txt'>Новость 2</div>
<div class='box'>Описание 2</div>
<div class='txt'>Новость 3</div>
<div class='box'>Описание 3</div>
</body>
</html>