diff --git a/documentation/build/index.html b/documentation/build/index.html
index cd44935d9..8cc2739cb 100644
--- a/documentation/build/index.html
+++ b/documentation/build/index.html
@@ -23,7 +23,7 @@
         <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
   </head>
-  <body class="skin-blue fixed" data-spy="scroll" data-target="#scrollspy">
+  <body class="skin-blue" data-spy="scroll" data-target="#scrollspy">
     <div class="wrapper">
 
       <header class="main-header">
@@ -38,7 +38,7 @@
         <!-- Header Navbar: style can be found in header.less -->
         <nav class="navbar navbar-static-top" role="navigation">
           <!-- Sidebar toggle button-->
-          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
+          <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
             <span class="sr-only">Toggle navigation</span>
           </a>
           <!-- Navbar Right Menu -->
@@ -102,6 +102,11 @@
 
         <!-- Main content -->
         <div class="content body">
+          <p class="lead">
+            This documentation is for versions 2.3 and under.
+            If you are looking for documentation for version 2.4 and above,
+            please visit <a href="https://almsaeedstudio.com/adminlte-docs">our online documentation</a>.
+          </p>
 
 include "introduction.html"
 
@@ -176,14 +181,14 @@ include "license.html"
 
     </div><!-- ./wrapper -->
 
-    <!-- jQuery 2.2.3 -->
-    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
+    <!-- jQuery 3.1.1 -->
+    <script src="../plugins/jQuery/jquery-3.1.1.min.js"></script>
     <!-- Bootstrap 3.3.6 -->
     <script src="../bootstrap/js/bootstrap.min.js"></script>
     <!-- FastClick -->
     <script src="../plugins/fastclick/fastclick.min.js"></script>
     <!-- AdminLTE App -->
-    <script src="../dist/js/app.min.js"></script>
+    <script src="../dist/js/adminlte.min.js"></script>
     <!-- SlimScroll 1.3.0 -->
     <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
     <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
diff --git a/documentation/docs.js b/documentation/docs.js
index c89ae54f7..cbbe38b92 100644
--- a/documentation/docs.js
+++ b/documentation/docs.js
@@ -2,62 +2,73 @@
  * Documentation JS script
  */
 $(function () {
-  var slideToTop = $("<div />");
-  slideToTop.html('<i class="fa fa-chevron-up"></i>');
-  slideToTop.css({
-    position: 'fixed',
-    bottom: '20px',
-    right: '25px',
-    width: '40px',
-    height: '40px',
-    color: '#eee',
-    'font-size': '',
-    'line-height': '40px',
-    'text-align': 'center',
+  'use strict'
+
+  var $slideToTop = $('<div />')
+
+  $slideToTop.html('<i class="fa fa-chevron-up"></i>')
+
+  $slideToTop.css({
+    position          : 'fixed',
+    bottom            : '20px',
+    right             : '25px',
+    width             : '40px',
+    height            : '40px',
+    color             : '#eee',
+    'font-size'       : '',
+    'line-height'     : '40px',
+    'text-align'      : 'center',
     'background-color': '#222d32',
-    cursor: 'pointer',
-    'border-radius': '5px',
-    'z-index': '99999',
-    opacity: '.7',
-    'display': 'none'
-  });
-  slideToTop.on('mouseenter', function () {
-    $(this).css('opacity', '1');
-  });
-  slideToTop.on('mouseout', function () {
-    $(this).css('opacity', '.7');
-  });
-  $('.wrapper').append(slideToTop);
+    cursor            : 'pointer',
+    'border-radius'   : '5px',
+    'z-index'         : '99999',
+    opacity           : '.7',
+    'display'         : 'none'
+  })
+
+  $slideToTop.on('mouseenter', function () {
+    $(this).css('opacity', '1')
+  })
+
+  $slideToTop.on('mouseout', function () {
+    $(this).css('opacity', '.7')
+  })
+
+  $('.wrapper').append($slideToTop)
+
   $(window).scroll(function () {
     if ($(window).scrollTop() >= 150) {
-      if (!$(slideToTop).is(':visible')) {
-        $(slideToTop).fadeIn(500);
+      if (!$($slideToTop).is(':visible')) {
+        $($slideToTop).fadeIn(500)
       }
     } else {
-      $(slideToTop).fadeOut(500);
+      $($slideToTop).fadeOut(500)
     }
-  });
-  $(slideToTop).click(function () {
-    $("body").animate({
+  })
+
+  $($slideToTop).click(function () {
+    $('body').animate({
       scrollTop: 0
-    }, 500);
-  });
-  $(".sidebar-menu li:not(.treeview) a").click(function () {
-    var $this = $(this);
-    var target = $this.attr("href");
+    }, 500)
+  })
+
+  $('.sidebar-menu li:not(.treeview) a').click(function () {
+    var $this  = $(this)
+    var target = $this.attr('href')
     if (typeof target === 'string') {
-      $("body").animate({
-        scrollTop: ($(target).offset().top) + "px"
-      }, 500);
+      $('body').animate({
+        scrollTop: ($(target).offset().top) + 'px'
+      }, 500)
     }
-  });
-  //Skin switcher
-  var current_skin = "skin-blue";
-  $('#layout-skins-list [data-skin]').click(function(e) {
-    e.preventDefault();
-    var skinName = $(this).data('skin');
-    $('body').removeClass(current_skin);
-    $('body').addClass(skinName);
-    current_skin = skinName;
-  });
-});
+  })
+  // Skin switcher
+  var currentSkin = 'skin-blue'
+
+  $('#layout-skins-list [data-skin]').click(function (e) {
+    e.preventDefault()
+    var skinName = $(this).data('skin')
+    $('body').removeClass(currentSkin)
+    $('body').addClass(skinName)
+    currentSkin = skinName
+  })
+})
diff --git a/documentation/index.html b/documentation/index.html
index d87e4ba7e..d8b31da5c 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -38,7 +38,7 @@
         <!-- Header Navbar: style can be found in header.less -->
         <nav class="navbar navbar-static-top" role="navigation">
           <!-- Sidebar toggle button-->
-          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
+          <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
             <span class="sr-only">Toggle navigation</span>
           </a>
           <!-- Navbar Right Menu -->
@@ -2151,14 +2151,14 @@ AdminLTE/
 
     </div><!-- ./wrapper -->
 
-    <!-- jQuery 2.2.3 -->
-    <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
+    <!-- jQuery 3.1.1 -->
+    <script src="../plugins/jQuery/jquery-3.1.1.min.js"></script>
     <!-- Bootstrap 3.3.6 -->
     <script src="../bootstrap/js/bootstrap.min.js"></script>
     <!-- FastClick -->
     <script src="../plugins/fastclick/fastclick.min.js"></script>
     <!-- AdminLTE App -->
-    <script src="../dist/js/app.min.js"></script>
+    <script src="../dist/js/adminlte.min.js"></script>
     <!-- SlimScroll 1.3.0 -->
     <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
     <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
