animación que no funciona en firefox

Haciendo una animación he visto que funciona en chrome, safari y opera, pero no en firefox. Trasteando, al final he conseguido que vaya también en firefox, pero a ver si me podéis decir porqué no iba en firefox.

En este ejemplo, la primera función si que se ejecuta, la segunda es la que no va en firefox.

Código Javascript :

$('#portfoLink').click(function() {
   $('#presentation').animate({'top': '-100%'} , 1000 , 'easeOutCirc');
   $('#portfolio').animate({'top': '0%'} , 1000 , 'easeOutCirc');
   event.preventDefault();
});

$('#portfoLink').on('click', function() {
   $('li#intro').delay(400).animate({'opacity': '1'}, 3000);
   $('div#titular').delay(2000).slideDown(2000);
});

Poniendo el contenido de la segunda función dentro de la primera sí que funciona en todos los navegadores.

Código Javascript :

$('#portfoLink').click(function() {
   $('#presentation').animate({'top': '-100%'} , 1000 , 'easeOutCirc');
   $('#portfolio').animate({'top': '0%'} , 1000 , 'easeOutCirc');

   $('li#intro').delay(400).animate({'opacity': '1'}, 3000);
   $('div#titular').delay(2000).slideDown(2000);
   
   event.preventDefault();
});