My Jquery UI won't work!

My Jquery UI won't work!

Hi, my jQuery UI doesn't load on my page! I is really frustrating!
All I need is for someone to take me through it step by step, really in detail...
Thanks, 
Edgar


My code:

  2.     <link rel="stylesheet" href="jquery-ui.min.css">
  3.     <script src="external/jquery/jquery.js"></script>
  4.     <script src="jquery-ui.min.js"></script>
  5.     <script>
  6.             
  7.     var sidebar = function() {
  8.       $('.menu-icon').click(function() {
  9.         $('.sidebar').animate({
  10.           left: "0px"
  11.         }, 200);

  13.         $('body').animate({
  14.           left: "250px"
  15.         }, 200);
  16.         $('.header').animate({
  17.           left: "250px"
  18.         }, 200);
  19.         $('.footer').animate({
  20.           left: "250px"
  21.         }, 200);
  22.       });
  23.     //REMEMBER ADD EVERY DIV AND OTHER TAGS IN MIN BODY ELEMENT
  24.       $('.close-icon').click(function() {
  25.         $('.sidebar').animate({
  26.           left: "-250px"
  27.         }, 200);

  29.         $('body').animate({
  30.           left: "0px"
  31.         }, 200);
  32.         $('.header').animate({
  33.           left: "0px"
  34.         }, 200);
  35.         $('.footer').animate({
  36.           left: "0px"
  37.         }, 200);
  38.       });
  39.     };
  40.     $(document).ready(sidebar);
  41.     </script>