div進入li hover切換動畫

-1

問題是這樣的：在這個列表div中有一個列表。當我指向li div時，必須從display：none轉換爲display：block。因爲他必須出現efekt動畫（從右到左出現div）。問題是，當我站起來的腳本，然後當我徘徊在李塊出現，消失如此不斷重複。當我移動單位出現並站立直到我不能移動光標離開李，這是必要的，我得到該單位不斷出現和消失。div進入li hover切換動畫

<ul> 
    <li class="link"> 
     <span><i>3</i>МЕСТО</span> 
     <div class="images"> 
     <img src="images/place_img1.png" alt=""> 
     </div> 
     <div class="hover"> 
     <span><i>3</i>МЕСТО</span> 
     <p>MacBook Air, MacBook Pro, iMac либо сертификат на аренду «заряженной» машины на 24 часа, либо 48 часов. Например: Nissan GTR alpha 12, Мерседес C класс 6,3 AMG либо BMW M5 
     </p> 
     </div> 
    </li> 
</ul> 



$(document).ready(function(){ 
    $(".link").hover(function() { 
    $(".hover").stop().toggle("slide", {}, 1000); 
    }); 
});

來源

2014-08-27 Dmitriy

一個的jsfiddle將是很好。 – 2014-08-27 14:20:01

你在問什麼？請編輯你的問題，使事情更清楚。 – 2014-08-27 14:20:52

如果我理解你的權利，你想這樣的功能，如果你懸停li元素然後.hover格打開，如果你的光標離開，然後.hover格關閉。

看看這個：http://jsfiddle.net/g241nezo/2/

$(document).ready(function() { 
    $(".link").mouseover(function() { 
     $(this).find(".hover").toggle(); 
    }) 
     .mouseout(function() { 
     $(this).find(".hover").toggle(); 
    }); 
});

來源

2014-08-27 14:32:57 Roob

是的，但這不適用於.toggle（「slide」，{}，1000）;我需要相同的動畫或類似的東西 – Dmitriy 2014-08-27 14:53:52

div進入li hover切換動畫

回答

相關問題