单击时将div移动到左侧，然后单击返回常规位置

Question

我有一个导航菜单，点击下拉菜单，点击“资源”链接后，我想让它移动到容器div中间的左边，然后一旦观察者将鼠标移出资源链接它回到它的常规位置。

我尝试将这些行添加到我的迷你脚本//

jQuery( "#RXCLICK" ).animate({
    left: "+=50"
});

但没有任何反应。

这是fiddle。

我的问题是， 为什么动画不能正常工作？ 我究竟做错了什么？ 请帮忙。

Answer 1

您想要为圆球而不是菜单制作动画吗？

你要么真的意思是：

// You used a pound to refer to an ID instead of a class...
jQuery( ".RXCLICK" ).animate({
  left: "+=50"
});

或者，

// This would move the menu, not the round ball.
jQuery( ".RXMENU" ).animate({
  left: "+=50"
});