title: Why is this JQuery error happening? Animate is not a function
body: <p>I am  learning jQuery and trying to work my way around a scroll effect. Anyway, I am trying to make this code work but having trouble in doing so. It breaks when It runs the animate function:</p>
  
  <p>I would really appreciate your help on this one. Thank you.</p>
  
  <blockquote>
    <p>Uncaught TypeError: $(...).animate is not a function<br>
            at HTMLAnchorElement. (script.js:58)<br>
            at HTMLDocument.dispatch (jquery-3.1.1.slim.min.js:3)<br>
            at HTMLDocument.q.handle (jquery-3.1.1.slim.min.js:3)  </p>
  </blockquote>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>// Select anchor tags to click on 
  $(document).on("click", "a", function(event) {
    console.log("item clicked");
  
    // Clear out the default action  
    event.preventDefault();
    console.log("working until now");
  
    // Animate to selected selected target
    $("html,body").animate({
      scroll: $($(this).attr('href')).offset().top
    }, 900);
    console.log("no errors for now");
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"&gt;&lt;/script&gt;
  &lt;script src="javascript/script.js"&gt;
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>