I have the following function to slideToggle different divs:
Code:
    $(document).ready(function() {
      $( "#toggle a" ).click(function(e){
	    e.preventDefault();
		$("#languages, .logo, .fb, #content").slideToggle("slow");
	  });
    });
By default I use a arrow (up) for the closing action. Css:
Code:
#header #toggle a  {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  color: #FFF;
  text-decoration: none;
  background: url("../images/site/close.png") 0 0 no-repeat;
 }
What I would like to accomplish is that the close.png will be replaces with open.png. You can find a example of the page here. What should I change in the function to make those images swap?

Thank you in advance!