如何切换两个图像onClick

Question

我正在制作一个可折叠的树视图.我做到了,我只需要点击它们就可以切换我的+和-图标.

我做了一部分,当我更改图标从+到-上点击,使用jQuery用下面的代码:

$(this).attr('src','../images/expand.gif');

问题是,当我再次点击节点时,我不知道如何让它走另一条路:)

Answer 1

这应该工作:

<style>
.expand{
    content:url("http://site.com/expand.gif");
}
.collapse{
    content:url("http://site.com/collapse.gif");
}
</style>

<img class="expand">
<script>
//onclick code
$('img.expand').toggleClass('collapse');
</script>