Javascript - 单击时更改 DIV 背景

Question

我使用 JQuery 在单击箭头时展开和收缩 DIV。箭头应向上/向下指向，具体取决于 DIV 是否已展开。

我已经尝试过这个，但似乎不起作用。该箭头保持默认的向下箭头。向上/向下滑动工作正常，但图像没有改变。谁能解释一下为什么吗？

         function toggle_visibility(id) {
             $e = $("#" + id);
             $arrow = $("#arrow" + id);

             if ($e.is(':visible')){
                 $e.slideUp("slow");
                 $arrow.css('background-image', 'url(../images/downarrow.png)');
             }else{
                $e.slideDown("slow");
                 $arrow.css('background-image', 'url(../images/uparrow.png)');
             }
         }

Answer 1

这应该有效:

function toggle_visibility(id) {
         $e = $("#"+id);

         if ($e.is(':visible')){
             $e.slideUp("slow");
             $e.css('background-image', 'url(../images/downarrow.png)');
         }else{
            $e.slideDown("slow");
             $e.css('background-image', 'url(../images/uparrow.png)');
         }
     }