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>
  <a class="expand_all" style="display: none;" onclick="$('.expand_all').hide();$('.collapse_all').show()">
   <img class="img-swap" src="images/toggle-buttons_01.png">
  </a>
  <a class="collapse_all" onclick="$('.expand_all').show();$('.collapse_all').hide()" style="display: inline;">
   <img alt="" src="images/toggle-buttons_02.png">
   </a>
</div>

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