Ciao a tutti!
Chiedo aiuto per un quesito su due script JS che insieme non vogliono proprio vivere. Purtroppo sono un pivellino in merito.

Praticamente si tratta di uno slider e di uno script per ottenere l'effetto 'smooth scroll'.

Se incorporo entrambi questi script in questo modo:

codice:
  <script type="text/javascript">            $(function() {
                $('ul.nav a').bind('click',function(event){
                    var $anchor = $(this);
                    
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1500,'easeInOutExpo');
                    /*
                    if you don't want to use the easing effects:
                    $('html, body').stop().animate({
                        scrollTop: $($anchor.attr('href')).offset().top
                    }, 1000);
                    */
                    event.preventDefault();
                });
            });
        </script>
  
  
<script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('.flexslider').flexslider({
        
        
        animation: "slide",
        direction: "horizontal",
        reverse: false,              
        animationLoop: true,    
        smoothHeight: false,           
        slideshow: true,  
        slideshowSpeed: 5000, 
        animationSpeed: 600,            
        randomize: false,
        useCSS: true,
        keyboard: true,
        controlNav: true,
        directionNav: false,             
        easing: "swing", 
        
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
  </script>


Sinceramente non so cosa non va. Grazie a tutti!