Question

问题是：这个列表中有一个列表div。当我指向li div必须从display：none转换为display：block。因为他必须出现在efekt动画中（从右到左出现div）。问题是当我把脚本站起来时，当我在li上盘旋时，块出现并且不断重复消失。有必要当我移动单位出现并站立，直到我无法将光标移离li，我得到该单位不断出现并消失。

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

Answer 1

如果我理解你正确你想要这样的功能，如果你悬停li元素然后.hover div打开，如果你的光标离开，那么.hover div关闭。

看看这个：http://jsfiddle.net/g241nezo/2/

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

div进入li悬停切换动画

1 个答案: