Æ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>
