фух - сказали завтра принести
вот мой код
.about li {
width:335px;
height:323px;
float:left;
margin-right:1px;
position:relative;
background: url('../images/about.png') no-repeat 0 0;
}
.about li:hover {
background-position: -350px 10px;
width:370px;
height:333px;
margin:-10px -16px 0 -18px;
z-index:100;
}
<ul class="about">
<li><div class="title">Заголовок 1</div><div class="text">Любой текст в блоке li текст в блоке li текст в блоке li текст в блоке li текст в блоке li</div></li>
<li><div class="title">Заголовок 2</div><div class="text">Любой текст в блоке li текст в блоке li текст в блоке li текст в блоке li текст в блоке li</div></li>
<li><div class="title">Заголовок 3</div><div class="text">Любой текст в блоке li текст в блоке li текст в блоке li текст в блоке li текст в блоке li</div></li>
</ul>
$(document).ready(function(){
$('.about li').hover(
function(){
$('.about li').fadeOut(0);
$('.about li').fadeIn(400);
}
);
});
Мерцает ( а должно быть плавно