|
Сообщение от aklak
|
|
Нужно сделать (доделать) скрипт, чтобы при наведении на первый блок <div> показывалось его содержимое, а при наведении на содержимое - блок не закрывался. Будет 3-5 блоков, расположенных вниз один за другим. При этом надо, чтобы при наведении на первый (и т.д.) блок - остальные не открывались.
|
можно так, по-моему проще
<!DOCTYPE html>
<html>
<head>
<style>
div.txt {
height: 20px;
border: 1px solid;
}
div.box {
display: none;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js'></script>
<script>
$(function () {
$('.item').hover(function () {
$('.box', this).slideDown('slow');
}, function () {
$('.box', this).slideUp('slow');
});
});
</script>
</head>
<body>
<div class='item'>
<div class='txt'>Новость 1</div>
<div class='box'>Описание 1</div>
</div>
<div class='item'>
<div class='txt'>Новость 2</div>
<div class='box'>Описание 2</div>
</div>
<div class='item'>
<div class='txt'>Новость 3</div>
<div class='box'>Описание 3</div>
</div>
</body>
</html>