Este sería un ejemplo, tan solo con CSS, luego tu ya lo aplicas a tu situacion:
Código HTML:
<html>
<head>
<style>
.objeto {
width: 60px;
height:100px;
border:1px solid black;
-o-transition:all .2s linear;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
}
.objeto:hover {
width: 60px;
height:110px;
-o-transition:all .2s linear;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
}
</style>
</head>
<body>
<div class="objeto"></div>
</body>
</html> No lo he probado, pero en teoría mientras mantegas el raton encima del div, debería estirarse durante 2 segundos hasta los 110 pixeles, luego al soltarlo, recupería su posición original en otros 2 segundos...(: