Animate opacity

by Gabriel Duarte

HTML

<div id='hover-me'>hover over me</div>
<div id='change-me'>I change opacity</div>

CSS

#change-me {
    height: 50px;
    line-height: 50px;
    background-color: blue;
}

.hide {
    opacity:0;
}

JavaScript

$('#hover-me').hover( function() {
    if ($('#change-me').hasClass('hide')) {
        $('#change-me').removeClass('hide', 'slow');
    } else {
        $('#change-me').addClass('hide', 'slow');
    }
});