From 698f66dc0bd9b1c59c97d7f4262a6dd824d48785 Mon Sep 17 00:00:00 2001
From: Scott Anderson <sanderson@users.noreply.github.com>
Date: Mon, 1 Mar 2021 21:01:10 -0700
Subject: [PATCH] user-friendly tab url persistence (#2229)

---
 assets/js/content-interactions.js | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/assets/js/content-interactions.js b/assets/js/content-interactions.js
index 82db80590..705da43fb 100644
--- a/assets/js/content-interactions.js
+++ b/assets/js/content-interactions.js
@@ -85,20 +85,25 @@ tabbedContent('.tabs-wrapper', '.tabs p a', '.tab-content');
 //////////////////////// Activate Tabs with Query Params ////////////////////////
 
 const queryParams = new URLSearchParams(window.location.search);
-tab = queryParams.get('t')
+var anchor = window.location.hash
 
-if (tab !== null) {
-  var anchor = window.location.hash
-  var targetTab = $('.tabs a:contains("' + tab +'")')
+tab = $('<textarea />').html(queryParams.get('t')).text();
 
+if (tab !== "") {
+  var targetTab = $('.tabs a:contains("' + tab + '")')
   targetTab.click()
-
-  if (anchor !== "") {
-    scrollToAnchor(anchor)
-  }
+  if (anchor !== "") { scrollToAnchor(anchor) }
 }
 
-// TO-DO: Add/update query params when clicking a tab
+$('.tabs p a').click(function() {
+  if ($(this).is(':not(":first-child")')) {
+    queryParams.set('t', $(this).html())
+    window.history.replaceState({}, '', `${location.pathname}?${queryParams}${anchor}`);
+  } else {
+    queryParams.delete('t')
+    window.history.replaceState({}, '', `${location.pathname}${anchor}`);
+  }
+})
 
 /////////////////////////////// Truncate Content ///////////////////////////////