Ændre src på et billede via jQuery

Hvor går det galt i nedenstående kode? Mit billede #menu_arrow ændres ikke.

Hvis jeg i stedet for
$('#menu_arrow').attr('src','/fileadmin/templates/grafik/white_arrow_up.png');

skriver
$('#menu_arrow').hide();

skjules billedet fint nok.

Men det vil ikke ændres sig til det andet billede.

<script type="text/javascript">
  $(document).ready(function(){
    //$('#topmenuin').hide('slow');
    $('#topmenu2in').hide();
    $('#labelBtn').toggle(function() {
      $('#sliding-panel-wrapper').animate({
        height: '350'
      }, 500, 'linear', function() {
        $('#menu_arrow').attr('src','/fileadmin/templates/grafik/white_arrow_up.png');
        // Animation complete.
        //$('#topmenuin').show('slow');
        $('#topmenu2in').show('slow');
      });
      $('#labelBtn').animate({
        top: '300'
      }, 500, 'linear', function() {
        // Animation complete.
      });
    }, function() {
      //$('#topmenuin').hide('slow');
      $('#topmenu2in').hide('slow');
      //$('#topmenuin').fadeOut();
      $('#sliding-panel-wrapper').animate({
        height: '45'
      }, 500, 'linear', function() {
        // Animation complete.
        $('#menu_arrow').attr('src','/fileadmin/templates/grafik/white_arrow_down.png');
      });
      $('#labelBtn').animate({
        top: '0'
      }, 500, 'linear', function() {
        // Animation complete.
      });
    });
  });
</script>