jquery hover change box height

by Alain Martinez

HTML

<div class="teaser-box">
    <div class="teaser-info-wrapper"></div>
</div>

CSS

.teaser-box {
    height: 326px;
    width: 326px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #ccc;
    positon: relative
}
.teaser-info-wrapper {
    position: absolute;
    bottom: 0;
    width: 286px;
    padding: 10px 20px;
    height: 106px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #444;
}

JavaScript

$( ".teaser-box" ).hover(function() {
  $( '.teaser-info-wrapper' ).height( 326 ).css({
    cursor: "auto",
    backgroundColor: "#444"
  });
},function(){
  $( '.teaser-info-wrapper' ).height( 106 ).css({
    cursor: "auto",
    backgroundColor: "#444"
  });
});