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(); }
);