WAC Austin Nav Buttons

Nav Butons for WAC Austin WITH SIDE EXPAND

by Koubenec

HTML

<div id="preview_left_top_content"></div>

CSS

#preview_left_top_content {
width: 310px;
height: 35px;
background-color: red;
position: absolute;
bottom: 0;
left: 50px;
overflow: hidden; 
}

#preview_left_top {
    position:relative;    
margin-top: 21px;
width: 310px;
height: 175px;
background-color: blue;
}

JavaScript

$(function() {
    $("#preview_left_top_content").hover(function() {
        $("#preview_left_top_content").stop(true).animate({'height': '70px'});
    }, function() {
        $("#preview_left_top_content").stop(true).animate({'height': '35px'});
    });
});