jquery slideDown不能保持打開狀態

我在圖像底部有一個'瞭解更多'部分。當你將鼠標懸停在它上面時，它會展開上面的另一個標題div，解釋更多關於可以放置文本，鏈接等的特定部分，所有這些都可以正常工作。jquery slideDown不能保持打開狀態

我的問題是，一旦你懸停，並輔助div幻燈片打開，我不能盤旋，沒有它消失。我能找到的唯一解決方案是讓整個周圍的圖像元素成爲'懸停'觸發器。但是我不希望它在您將鼠標懸停在圖片上時顯示，只是您將鼠標懸停在「瞭解更多」位時。

我也不需要爲它設置一個計時器保持開放的風扇。它應該在您懸停時打開，並在您離開時關閉。它也必須能夠顯示回IE8。到目前爲止，我的jQuery非常簡單。

$(".learnmore").hover(function() { 
     $(".moretext").slideDown(600); 
    }, function() { 
     $(".moretext").slideUp(600); 
    });

這裏是我的小提琴（第一次使用JS小提琴，所以希望我正在連接正確，請告訴我，如果不是這樣的。）：http://jsfiddle.net/adren51407/x7E82/

來源

2014-01-21 sjvargason

你可以試試這個：

Example

$(".imgsurround").hover(
    function() { 
     // 
    }, function() { 
    $(".moretext").slideUp(600); 
    } 
);

當您將鼠標懸停在「瞭解更多」上時，「更多文本」將會向上滑動，然後只在您沒有徘徊整個「imgurround」div時滑動。

UPDATE

你可以做到這一點，即使你想：example 2。假設只有在「更多文本」可見時纔將其懸停，則可以在「更多文本」div上應用slideUp規則。

$(document).ready(function() { 
    $(".learnmore").mouseover(
     function() { 
     $(".moretext").slideDown(600); 
     }); 

    $(".moretext").mouseout(
     function() { 
     $(".moretext").slideUp(600); 
    }); 
});

注意，在當你徘徊在第二個解決方案「瞭解詳情」，而不是徘徊在「更多的文本」，它會留下可見的，即使你不再徘徊兩者。

來源

2014-01-21 15:54:55

更接近，但是當您離開'瞭解更多'區域時，即使您沒有懸停更多文本區域，它也需要消失。那可能嗎？ – sjvargason

看看會起作用的第一個解決方案 –

。謝謝！ – sjvargason

jquery slideDown不能保持打開狀態

回答

相關問題