Hover fade in and out

Very simple hover fade in/out

by Chris LaFrombois

HTML

<div id="container">
    <div id="content">
        stuff
    </div>
</div>

CSS

#container {
    width:98%;
    height:100px;
    background:#CC0;
    display:block;
    position:absolute;
    top:70%;
    overflow:hidden;
    margin:0;
    padding:0
}
#content {
    display:none;
}

JavaScript

$('#container').hover(

function () {
    $('#content').fadeIn("slow", "linear");
},

function () {
    $('#content').fadeOut();
});