espltd,
может без скриптов ...
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.slider .item{
width: 100px;
height: 100px;
background: url(http://javascript.ru/forum/images/smilies/write.gif)
}
.slider:hover .item{
background: url(http://javascript.ru/forum/images/smilies/victory.gif)
}
.slider .real_car{
width: 100px;
height: 0px;
background: rgba(0, 255, 0, 1);
transition: all 1s ease-in-out;
}
.slider:hover .real_car{
height: 100px;
}
</style>
</head>
<body>
<div class="slider">
<div class="sliderContent">
<div class="item"></div>
<div class="real_car"></div>
</div>
</div>
</body>
</html>