I would like to replace this part of my code : 

2.   $('.home').on('click', function() {
3.   $('html, body').animate({ scrollTop: $("#home").offset().top}, 1000);
4.   })
5.   $('.qui_suis-je').on('click', function() {
6.   $('html, body').animate({ scrollTop: $("#qui_suis-je").offset().top}, 1000);
7.   })
8.   $('.competences').on('click', function() {
9.   $('html, body').animate({ scrollTop: $("#competences").offset().top}, 1000);
10.   })
11.   $('.CV').on('click', function() {
12.   $('html, body').animate({ scrollTop: $("#CV").offset().top}, 1000);
13.   })
14.   $('.contact').on('click', function() {
15.   $('html, body').animate({ scrollTop: $("#contact").offset().top}, 1000);
16.   })

by this :

2. var elementsmenu = new Array(['.home','#home'],['.qui_suis-je','#qui_suis-je'],['.competences', '#competences'],['.CV','#CV'],['.contact','#contact']);
3. 
   
4.   for(var i = 0; i < elementsmenu.length; i++) {
5.   $(elementsmenu[i][0]).on('click', function() {
6.   $('html, body').animate({ scrollTop: $(elementsmenu[i][1]).offset().top}, 1000);
7.   });
8.   }

but it doesn't work :( I don't understand what's wrong with the new code, can anybody help me ?

The code is supposed to scroll the page to a specific div when you click on a menu's element (you can see how it work directly on me website :  http://dorian.hermosa.free.fr/ )

Thank you :)