Followup #159: Further tweaking of JS for jQuery and Backdrop.

By @laryn and @herbdool.

Author: laryn

dist/js/description_toggle.js

@@ -1,14 +1,14 @@
 (Backdrop => {
   Backdrop.behaviors.formDescriptionToggle = {
     attach: function(context, settings) {
-      context[0].querySelectorAll(".help-icon__description-toggle").forEach(((elem, index) => {
-        if (elem.dataset.formDescriptionToggleAttached) return;
-        elem.dataset.formDescriptionToggleAttached = !0;
+      $(".help-icon__description-toggle", context).once("formDescriptionToggle").each((function() {
+        if (this.dataset.formDescriptionToggleAttached) return;
+        this.dataset.formDescriptionToggleAttached = !0;
         const a11yLabel = "help-icon-label--" + Math.floor(1e4 * Math.random());
-        elem.setAttribute("id", a11yLabel), elem.setAttribute("aria-expanded", "false"), 
-        elem.setAttribute("aria-controls", "target"), elem.closest(".help-icon__description-container").querySelectorAll(".description").forEach((description => {
+        this.setAttribute("id", a11yLabel), this.setAttribute("aria-expanded", "false"), 
+        this.setAttribute("aria-controls", "target"), this.closest(".help-icon__description-container").querySelectorAll(".description").forEach((description => {
           description.setAttribute("aria-labelledby", a11yLabel);
-        })), elem.addEventListener("click", (event => {
+        })), this.addEventListener("click", (event => {
           event.preventDefault(), event.stopPropagation(), "SUMMARY" === event.currentTarget.parentElement.tagName && !1 === event.currentTarget.parentElement.parentElement.open && (event.currentTarget.parentElement.parentElement.open = !0), 
           event.currentTarget.focus(), event.currentTarget.closest(".help-icon__description-container").querySelectorAll(".description").forEach(((description, index) => {
             if (index > 1) return;

js/description_toggle.js

@@ -1,9 +1,9 @@
 ((Backdrop) => {
   Backdrop.behaviors.formDescriptionToggle = {
     attach: function (context, settings) {
-      context[0]
-        .querySelectorAll('.help-icon__description-toggle')
-        .forEach((elem, index) => {
+      $('.help-icon__description-toggle', context).once('formDescriptionToggle')
+        .each(function() {
+          let elem = this;
           if (elem.dataset.formDescriptionToggleAttached) {
             return;
           }