[JavaScript][HTML]toggle ze zmianą img., jak wykonać poprawnie - proszę spojrzeć w kod. Opcje

[casperii]

[HTML] pobierz, plaintext 
$(document).ready(function(){
 
$('.click_arrow').click(function(){
 
  $("#header-bottom").toggle(function(){
    $(this).animate({height:180},200);
  },function(){
    $(this).animate({height:65},200);
  }
 
  );
 
  });
 
});
 
 
<div id="header-bottom">
powiększamy / pomniejszamy diva
 
<img src="/images/arrow_down.png" class="click_arrow">
</div>
[HTML] pobierz, plaintext 

Panowie próbuje zrobić by po kliknięciu w img rozsuwał mi się div oraz img się zmieniał na arrow_up.png z arrow_down.png.
Na razie ten div po kliknięciu jakoś kuleje. Po 1 kliknięciu się rozsuwa po ponownym kliknięciu div się 2 x rozsuwa i chowa. po jeszcze jednym kliknięciu już 3 x czynność się wykonuje. Czy ktoś mi podpowie jak prawidłowo wykonać?

[casperii]

@Comandeer zrobiłem tak:

[HTML] pobierz, plaintext 
  $("#header-bottom").toggle(function(){
 
    $(this).animate({height:180},200);
    $('.click_form_add').html('<img src="images/arrow_up.png">');
  },function(){
    $(this).animate({height:65},200);
    $('.click_form_add').html('<img src="images/arrow_down.png">');
  }
 
 
  );
 
<div id="header-bottom">
<p class="click_form_add" style="cursor:pointer;" id="test"><img src="images/arrow_down.png"></p>
</div>
[HTML] pobierz, plaintext 

jak się łatwo domyśleć div rozsuwa i zsuwa się po kliknięciu w cały div header-bottom bez znaczenia w które miejsce.
Chciałbym osiągnąć efekt że po kliknięciu w img osadzony w <p> akcja rozsuwania i chowania się diva będzie działać.
Zatem wymyśliłem sobie, że można to osadzić w zdarzenie click:

[HTML] pobierz, plaintext 
$('#test').click(function(){
 
 
  $("#header-bottom").toggle(function(){
    $(this).animate({height:180},200);
    $('.click_form_add').html('<img src="images/arrow_up.png">');
  },function(){
    $(this).animate({height:65},200);
    $('.click_form_add').html('<img src="images/arrow_down.png">');
  }
 
 
  );
 
 
}); 
[HTML] pobierz, plaintext 

lecz tutaj też ten sam cyrk po kliknięciu rozsuwa się div i img się zmienia, po ponownym kliknięciu div się próbuje schować ale rozsuwa się i img się nie zmienia. Kolejne kliknięcia w id=test pomnaża akcje rozsuwania i chowania się diva.

Możesz mi pomóc?