Add anchor links to headers on hover

src/js/app.js

@@ -72,13 +72,21 @@ const bootstrapDocsSearch = function() {
 
     overlay.css({top: 120});
   });
-
 }
 
-const bootstrapDocsJS = function() {
+const bootstrapIdLinks = function() {
-  bootstrapDocsSearch();
+  const container = '.wrapper ARTICLE';
+  const selector = 'h2[id], h3[id], h4[id], h5[id], h6[id]';
+  $(container).on('mouseenter', selector, function(e) {
+    $(e.target).append($('<a />').addClass('header-anchor').attr('href', '#' + e.target.id).html('<i class="material-icons p-l-xs" aria-hidden="true">link</i>'));
+  });
+
+  $(container).on('mouseleave', selector, function(e) {
+    $(e.target).parent().find('.header-anchor').remove();
+  });
 }
 
 $(document).ready(() => {
-  bootstrapDocsJS();
+  bootstrapDocsSearch();
+  bootstrapIdLinks();
 });