Open lint when clicking on its anchor

Author: GuillaumeGomez

util/gh-pages/index_template.html

@@ -150,7 +150,7 @@ <h1>Clippy Lints</h1> {# #}
                             <h2 class="panel-title"> {# #}
                                 <div class="panel-title-name" id="lint-{{lint.id}}"> {# #}
                                     <span>{{lint.id}}</span> {#+ #}
-                                    <a href="#{{lint.id}}" class="anchor label label-default">&para;</a> {#+ #}
+                                    <a href="#{{lint.id}}" onclick="lintAnchor(event)" class="anchor label label-default">&para;</a> {#+ #}
                                     <a href="" class="anchor label label-default" onclick="copyToClipboard(event)"> {# #}
                                         &#128203; {# #}
                                     </a> {# #}

util/gh-pages/script.js

@@ -151,6 +151,16 @@ function expandLint(lintId) {
     highlightIfNeeded(lintId);
 }
 
+function lintAnchor(event) {
+    event.preventDefault();
+    event.stopPropagation();
+
+    const id = event.target.getAttribute("href").replace("#", "");
+    window.location.hash = id;
+
+    expandLint(id);
+}
+
 function copyToClipboard(event) {
     event.preventDefault();
     event.stopPropagation();