diff --git a/themes/project/layouts/partials/docs/html-head.html b/themes/project/layouts/partials/docs/html-head.html
index f21b350be4bce34ea75d916f352407f98045a412..84e2cd06c5a092033f9485206b7ffe791c545629 100644
--- a/themes/project/layouts/partials/docs/html-head.html
+++ b/themes/project/layouts/partials/docs/html-head.html
@@ -23,3 +23,5 @@
 Made with Book Theme
 https://github.com/alex-shpak/hugo-book
 {{ "-->" | safeHTML }}
+
+<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.4/themes/default/style.min.css" />
diff --git a/themes/project/layouts/partials/docs/menu.html b/themes/project/layouts/partials/docs/menu.html
index cf35468d22dd849bc626d6d9744ca42e7ec4bb20..57ba1be318b82179683ddbacb88c2e2287473a4b 100644
--- a/themes/project/layouts/partials/docs/menu.html
+++ b/themes/project/layouts/partials/docs/menu.html
@@ -3,7 +3,9 @@
 {{ partial "docs/inject/menu-before" . }}
 
 {{ if .Site.Params.BookMenuBundle }}
+<div id="docstreeview">
     {{ partial "docs/menu-bundle" . }}
+</div>
 {{ else }}
     {{ partial "docs/menu-filetree" . }}
 {{ end }}
diff --git a/themes/project/layouts/partials/scripts.html b/themes/project/layouts/partials/scripts.html
index 33d9762d6ea1bc5d3db7086e11008ef7b6bbf3eb..792630f53a2af0ffdee13779ea1f42e6b8052919 100644
--- a/themes/project/layouts/partials/scripts.html
+++ b/themes/project/layouts/partials/scripts.html
@@ -1,6 +1,7 @@
 {{ template "_internal/google_analytics.html" . }}
 <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/jstree/3.3.4/jstree.min.js"></script>
 
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
 <script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
@@ -17,3 +18,15 @@
 
 <!-- owl carousel -->
 <script src="{{ .Site.BaseURL }}js/owl.carousel.min.js"></script>
+
+<script type="text/javascript">
+    $(document).ready(function(){
+        $('#docstreeview').jstree();
+        $('#docstreeview').jstree().open_all();
+        $('#docstreeview').jstree().hide_dots();
+        $('#docstreeview').jstree().hide_icons();
+        $('#docstreeview').on("changed.jstree", function(e, data) {
+            location.href=data.node.a_attr.href;
+        });
+      });
+</script>
diff --git a/themes/project/static/css/custom.css b/themes/project/static/css/custom.css
index 30f4bf242dc89fb6e7995a815102b6139f5e1c98..e2d6582d81024571865840e108e77710c125b937 100644
--- a/themes/project/static/css/custom.css
+++ b/themes/project/static/css/custom.css
@@ -348,7 +348,12 @@ footer .notice span {
 }
 
 #error-page .box {
-  margin-top: 60px;
+  margin-top: 148px;
+  margin-bottom: 148px;
+}
+
+.jstree-default .jstree-anchor {
+  height: 35px !important;
 }
 
 html {