Ciao, devo effettuare lo scrolling di un'immagine
il codice sviluppato

codice HTML:
<script> 
$(function() {
    $('.arrows1').append('<img src="/arrow-down.jpg" />');
 
   $('.arrows1').on('click', function(event){

   $('map').attr('trigger','0');
 
   if($('map').attr('trigger')==='0'){
      $('.arrows1').html('');
      $('map').animate({'top':'-345px'},1000);
}
 
});
 
 
$('.arrows1').on('click', function(event){
  $('map').attr('trigger','2');
  if($('map').attr('trigger')==='2'){
  
   $('.arrows1').html('');
    $('.sicurezza__map').animate({'top':'-700px'},1000);
 }
 });
});
 
</script>
in automatico mi effettua due volte l'evento click andando alla fine della mappa piuttosto che fermarsi a metà.


avete qualche suggerimento?

Al posto $('map').attr('trigger','2'); ho provato a mettere un contatore, ho lo stesso problema.

grazie