Переключатель анимации JQuery изменить изображение - PullRequest
Новая
       11

Переключатель анимации JQuery изменить изображение

0 голосов
/ 12 декабря 2011

Мне нужна помощь, Я создал скрипт, который скрывает / показывает меню, и добавил изображение (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>

1 Ответ

1 голос
/ 12 декабря 2011

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/

...