Toggle Images For Expand All And Collapse All

I am trying to swap images of collapse all and expand all on click but i am reallly not getting it please can any one help me ... thanks in advance here is the the link for the sa

Solution 1:

Guessing it is the two images in the top, you could do this:

<div><aclass="expand_all"style="display: none;"onclick="$('.expand_all').hide();$('.collapse_all').show()"><imgclass="img-swap"src="images/toggle-buttons_01.png"></a><aclass="collapse_all"onclick="$('.expand_all').show();$('.collapse_all').hide()"style="display: inline;"><imgalt=""src="images/toggle-buttons_02.png"></a></div>

Simply hiding the irrelevant one....not really swapping images though.