parent child fade toggle

by SebastianPataneMasuelli

HTML

<div id="parent">
    <div id="a">***</div>
</div>

CSS

#parent {
  height: 300px;
  border: 1px solid red;  
}

#a {
 background: red;   
}

JavaScript

$('#parent').bind('mouseenter', function() {
                   // alert('hi');
                   $('#a').fadeOut(250);
});

$('#parent').bind('mouseleave', function() {
                   // alert('hi');
                   $('#a').fadeIn(250);
});