CSS或jQuery-将鼠标悬停在一个div上，另一个div消失或不显示

Question

参见http://jasondaydesign.com/masonry_demo/

我有覆盖基础框div的标题div。

我要完成的工作是，当鼠标悬停在.box div上时，带有标题的div将通过jquery淡出或仅通过CSS显示：none。

Answer 1

您需要像下面这样调用.hover() ：（已测试）

$('.box:has(div)').hover(
    function() { $(this).find('div').fadeOut(); },
    function() { $(this).find('div').fadeIn(); }
);