I have a grid of images, each contained in a div, along with an h3.

When hovering over the div, I want the h3 to fade in for the specific div, and fade out when the mouse leaves.

Currently, I have this code:

2. $(document).ready(function()
3. {
4. var hover = ".thumbnail";
5. var elements = ".thumbnail h3";
7. $(elements).css("display", "none");
8. 
   
9. $(hover).mouseover(function()
10. {
11. $(elements).stop(true, true).fadeIn(800, function() {});
12. });
14. $(hover).mouseout(function()
15. {
16. $(elements).stop(true, true).fadeOut(400, function() {});
17. });
18. });

Thanks in advance for your help!