Javascript 单击以切换以获得更好的性能

我认为这不是切换手风琴图标的最佳方式，因为有一点延迟

---

有没有关于改进此方法以获得更好性能的想法？

使用

div

元素，将

背景图像设置为要使用的图标，而不是
img
元素。然后只需切换一个描述当前图标状态的额外类

HTML

$('.head').click(function(){
    $(".content").toggle();

    if($('.content').is(':visible')) {
        $('.head> img').attr('src', downIcon);
    }
    else {
        $('.head> img').attr('src', rightIcon);
    }
});

JS

<div class="head"><div class="icon"></div></div>

.head > .icon {
    background-image: url('up-image.png');
}
.head > .icon.visible {
    background-image: url('down-image.png');
}

你能提供相关的HTML吗？此外，JSFIDLE也会有所帮助
$('.head').click(function(){
    $(".content").toggle();
    if ($('.content').is(':visible')) {
        $('.head > .icon').addClass('visible');
    } else {
        $('.head > .icon').removeClass('visible');
    }
});