css或jquery - 将鼠标悬停在一个div上，另一个div淡出或不显示

Question

请参阅http://jasondaydesign.com/masonry_demo/

我有覆盖底层框div的标题div。

我想要完成的是当鼠标悬停在.box div上时，持有标题的div将使用jquery淡出或只显示：none to css。

Answer 1

您需要拨打.hover()，如下所示:(已测试）

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