jquery - .li悬停上的jQuery幻灯片事件？

Question

我的设置是一个无序列表，其中列表项的背景是图像。当一个人将鼠标悬停在列表项上时，我需要滑入 3 个 div（每个以不同的方式）。

<ul id="tiles">
  <li class="hoverme" style="background: url(images/pic.jpg);">
     <div id="slide_div_1" style="display: none;">
       Lalala
     </div>
     <div id="slide_div_2" style="display: none;">
       Yayaya
     </div>
     <div id="slide_div_3" style="display: none;">
       Bababa
     </div>
  </li>
</ul>

这可以用jQuery完成吗？我无法在任何地方对其进行故障排除。

谢谢！

Answer 1

以下演示将宽度设置为零而不是display: none使用 jQuery 在计时器上为子 div 的宽度设置动画。演示可能需要根据您正在寻找的效果进行修改

演示：http: //jsfiddle.net/L2tbf/1/