在悬停时使用jQuery将列表项置于右侧

Question

我试图通过将文本"碰撞"到右边然后再回到驼背上时,更多地关注正在盘旋的列表项.这就是我所拥有的:

$('.ipro_menu ul li a').hover(function(){
    $(this).animate({
        'padding-left':'20px'},100,function(){
            $(this).animate({
                'padding-left':'15px'});
    });
});

填充最初为15px,因此当您将鼠标悬停在列表中的链接上时,填充增加5px,然后再次快速返回到15px.问题是它一次移动多个元素.有时它不仅会移动自身,还会移动到其上方或下方的项目.

有什么建议？

Answer 1

我快速了解了我认为你想要做的事情.

http://jsfiddle.net/tuXcA/

代码基本上是:

$('ul').find('li').hover(function() {
    $(this).animate({
        'padding-left':'20px'
    },100);
}, function() {
    $(this).animate({
        'padding-left':'0px'
    },100);
});

悬停时滑动,然后在不悬停时滑回正常位置.