Test Slide

HTML

<div id="panel-hhs">
    <center>
        <img src="http://test.vtisvc.com/wp-content/themes/brk_2013/images/hhs_pic2.png" />
    </center>
</div>

CSS

#panel-hhs {
    height: 166px;
    width: 206px;
    background: url('http://test.vtisvc.com/wp-content/themes/brk_2013/images/hhs_panel.png');
    position: relative;
    top: -150px;
}

JavaScript

jQuery("#panel-hhs").hover(function () {
    console.log('over');
    jQuery("#panel-hhs").animate({
        top: "0"
    });
}, function () {
    console.log('out');
    jQuery("#panel-hhs").animate({
        top: "-150"
    });
});