JQuery动画切换更改图像

我需要帮助， 我创建了一个隐藏/显示菜单的脚本，并添加了一个图像（icon/down.png）。 我想在移动改变时改变图像（向下/向上）

   <script type="text/javascript">
        function showDiv(element){
            $(element).animate({"height": "toggle"}, { duration: 1000 });
        }
   </script>
        <img src="icon/down.png" width="12" height="12" /><a href="javascript:showDiv('#menu')">Menu</a>
                    <ul id="menu">
                        <li><a href="#" target="_blank">Element A</a></li>
                        <li><a href="#" target="_blank">Element A</a></li>
                        <li><a href="#" target="_blank">Element A</a></li>
                   </ul>

函数showDiv（元素）{
$（元素）。动画（{“高度”：“切换”}，{持续时间：1000}）；
}

---

.prevAll（）的文档

：

能否指定实现的哪个部分不起作用？这将使您更容易获得帮助。您可能希望首先为img分配一个ID，然后使用getElementById获取图像。JQuery也可以，但它并不能让它变得更简单。我可以在页面更改时保存动画的状态吗？

function showDiv(element){
    var $img = $(element).stop().animate({"height": "toggle"}, { duration: 1000 }).prevAll('img');
    if ($img.attr('src') == 'icon/down.png') {
        $img.attr('src', 'icon/up.png');
    } else {
       $img.attr('src', 'icon/down.png');
    }
}