Jquery 在单击时更改图像，但在第二次单击时将其重新更改

单击时是否可以将向下箭头图像（类.trigger）更改为向上箭头图像？基本上，我使用的是.trigger类的图像来切换.links的div，当显示.links时（向下滑动），我希望箭头朝上而不是向下，以显示用户可以再次单击它来隐藏.links。一旦用户通过单击向上箭头隐藏链接，我希望它再次更改为向下箭头。对于一个简单的任务，这需要很多解释，但希望你们能理解我的要求。切换代码：

$(".links").hide();
    $(".trigger").click(function() {
        $(this).next(".links").slideToggle(500);
    });

---

也许是这样的：

$(".links").hide();
    $(".trigger").click(function() {
        var BGpos = $(this).css('backgroundPosition');
        BGpos=BGpos=='0px -15px' ? '0 0' : '0px -15px';
        $(this).css('backgroundPosition', BGpos).next(".links").slideToggle(500);
    });​

---

或者您可以使用类、img元素或其他任何东西，下面是另一个

使用css翻转的简单方法：

html:

css:

---

你的html是什么样子的？在哪里可以找到箭头图像？在

.trigger

元素或（下一个或上一个）同级元素中？您可以随时更改

元素上的“src”属性…什么箭头？是css图像还是img标签。。。需要更多的细节

<img id="arrow" src="http://www.cksinfo.com/clipart/signssymbols/arrows/arrow-3D-green-up.png">

$("#arrow").click( function() {
    $(this).toggleClass("flip-vertical");
});

.flip-vertical {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: flipv; /*IE*/
}