jQuery悬浮菜单动画提示

我们经常在商城网站上看到右侧会有个浮动层，鼠标悬浮在按钮上，会弹出文字提示层，比如聚美优品的右侧菜单就是这样的效果http://www.sucaiq.com/texiao/462.html

淘建站为您提供更多_悬浮层/弹出层_弹窗_动画_提示，在此特别感谢您对我们的支持与厚爱！

ul li导航菜单列表

<ul class="sidenav">
    <li>
        <a href="http://www.sucaiq.com/">首页</a>
        <div><p>Go home!</p></div>
    </li>
    <li>
        <a href="http://www.sucaiq.com/js">关于我们</a>
        <div><p>知道我们的团队！</p></div>
    </li>
</ul>

显示div里面的提示信息

$("ul.sidenav li").hover(function() {
    $(this).find("div").stop().animate({left: "210", opacity: 1}, "fast").css("display", "block");
    $(this).find(">a").addClass("current");
}, function() {
    $(this).find("div").stop().animate({left: "0", opacity: 0}, "fast");
    $(this).find(">a").removeClass("current");
});