Witam. Napisałem taki oto prosty skrypt w jquery , który ma mi zmieniać obrazki. Moje pytanie jest następujące czy da radę zrobić żeby przejścia pomiędzy obrazkami były mniej widoczne bądź w ogóle ? a może znacie lepsze metody ?

[PHP] pobierz, plaintext 
$(document).ready(function(){
$('#after_login').slideUp(1);
$("#hide").click(function () {
var original_image = 'url(https://mojastrona.com/images/arrow.png)';
var second_image = 'url(https://mojastrona.com/images/arrow2.png)';
if ($(this).css('background-image').replace(/"/g, '') == original_image) {
    		        $(this).css('background-image', second_image);
					$('#after_login').slideToggle();
    		    } else {
    		        $(this).css('background-image', original_image);
					$('#after_login').slideToggle();
    		    }
 
    			return false;
});});
[PHP] pobierz, plaintext 

pomodziłem trochę lecz teraz tak zdjecia się przełączają bez klatkowania lecz tylko raz tzn klikam raz i już nie działa jak klikam 2 raz.

[PHP] pobierz, plaintext 
<script type="text/javascript">	
$(document).ready(function(){
$('#after_login').slideUp(1);
$("#hideimg").click(function () {
if ($("#hideimg").attr('src',"images/arrow.png")) {
    		       $("#hideimg").attr('src',"images/arrow2.png");
					$('#after_login').slideToggle();
} else {
    		       $("#hideimg").attr('src',"images/arrow.png");
					$('#after_login').slideToggle();
    		    }
return false;
});});
</script>
[PHP] pobierz, plaintext