jQuery在li中设置img动画

我正在尝试使用jQuery设置img

menu.png

的动画

这两种方法我都试过，但都不管用

$('#toggle').children().animate({left:'150px'},200)
$('li#toggle > img').animate({left:'150px'},200)

我的html：

<div class="menu">
  <ul>
    <li id="toggle"><img src="png/menu.png"/></li>
    <li><a href="#1"><img src="png/dwelling1.png"/> Home</a></li>
    <li><a href="#2"><img src="png/help1.png"/> About</a></li>
    <li><a href="#3"><img src="png/mail59.png"/> Contact</a></li>
    <li><a href="#4"><img src="png/business.png"/> Other</a></li>
  </ul>
</div>

有人看到错误了吗

编辑：我的更新。我使li中的img具有Scimonster建议的相对定位

---

谢谢

很好用。左侧的

已设置动画。你只是看不到它，因为它还需要CSS
position:relative
。否则，它将保持其在文档中的原始位置

CSS:

.menu img{position:relative}

更新的小提琴：
它工作得很好。左侧的
已设置动画。你只是看不到它，因为它还需要CSS
position:relative
。否则，它将保持其在文档中的原始位置

CSS:

.menu img{position:relative}

更新的小提琴：
它工作得很好。左侧的
已设置动画。你只是看不到它，因为它还需要CSS
position:relative
。否则，它将保持其在文档中的原始位置

CSS:

.menu img{position:relative}

更新的小提琴：
它工作得很好。左侧的
已设置动画。你只是看不到它，因为它还需要CSS
position:relative
。否则，它将保持其在文档中的原始位置

CSS:

.menu img{position:relative}

更新的fiddle:
请将代码更改添加到您的答案中，以使每个人都清楚。此外，修补OP原始代码时，尽量不要更改与问题无关的位。不管怎样，+1。请将代码更改添加到您的答案中，让每个人都明白。此外，修补OP原始代码时，尽量不要更改与问题无关的位。不管怎样，+1。请将代码更改添加到您的答案中，让每个人都明白。此外，修补OP原始代码时，尽量不要更改与问题无关的位。不管怎样，+1。请将代码更改添加到您的答案中，让每个人都明白。此外，修补OP原始代码时，尽量不要更改与问题无关的位。无论如何，+1.不要仅仅为了指出解决方案而编辑你的问题。答案就在这里。只需将适合你的问题标记为解决方案。不要编辑你的问题只是为了指出解决方案。答案就在这里。只需将适合你的问题标记为解决方案。不要编辑你的问题只是为了指出解决方案。答案就在这里。只需将适合你的问题标记为解决方案。不要编辑你的问题只是为了指出解决方案。答案就在这里。只要选择适合你的解决方案。