Question

我需要帮助，我创建了一个隐藏/显示菜单的脚本，并添加了一个图像（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>

Answer 1

http://jsfiddle.net/J8TfX/2/

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');
    }
}

.prevAll()的文档：http://api.jquery.com/prevall/

JQuery动画切换更改图像

1 个答案: