From 5b0b720a45df8abf35b75240b229c6c99f6df6db Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Thu, 18 Aug 2022 20:48:38 +0100
Subject: [PATCH] Hide DAB html until selected.

---
 templates/article.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/templates/article.html b/templates/article.html
index 7c9afbf..d894d60 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -70,7 +70,7 @@ a.new { color: red; }
       <a href="#" onclick="return cancel_selection({{ dab.num }})">cancel selection</a>
       </span>
     </div>
-    <div class="dab-article" id="dab-article-{{ dab.num }}">{{ dab.html | safe }}</div>
+    <div class="dab-article d-none" id="dab-article-{{ dab.num }}">{{ dab.html | safe }}</div>
     </div>
     {% endfor %}
   </div>
@@ -90,6 +90,14 @@ a.new { color: red; }
   function jump_to(dab_num) {
     var highlight_title = "text-bg-primary";
 
+    var dab_articles = document.getElementsByClassName("dab-article");
+    for(var i=0; i<dab_articles.length; i++) {
+      dab_articles[i].classList.add("d-none");
+    }
+
+    var dab_article = document.getElementById("dab-article-" + dab_num);
+    dab_article.classList.remove("d-none");
+
     var links = document.getElementsByTagName("a");
     for(var i=0; i<links.length; i++) {
       links[i].classList.remove("disambig-highlight");