I think my problem is just the way I am writing these two jQuery functions that is the issue, because my first one worked on its own until I tried adding in the second one - now neither will work. I don't necessarily want these events to happen at the same time, but want them both to happen, if that makes sense. Can anyone help me with how I am formatting this?

2.   <script>
3.                 $(document).ready(function() {
4.                     var bodyHeight = $('body').height();
5.                     var footerOffsetTop = $('#moving').offset().top;
6.                     var topToBottom = bodyHeight - footerOffsetTop - $('#moving').outerHeight();
7. 
   
8.                     $("#moving").delay(2000).animate({top: topToBottom,
9.                     }, 800);
10.                 }
11. 
    
12.                 function () {
13.                     $("#enter").fadeIn(10000);
14.                 }
15.                 }):
16.             </script>