https://www.elcerrito-valle.gov.co/SiteAssets/V3/js/acordeonTrasparencia.js

1document.addEventListener("DOMContentLoaded", (e) => {
2  $(function () {
3    $("#addClass").ready(function () {
4      $("#qnimate").addClass("popup-box-on");
5    });
6
7    $("#removeClass").click(function () {
8      $("#qnimate").removeClass("popup-box-on");
9    });
10  });
11
12  $(".accordion-toggle").on("click", function (event) {
13    event.preventDefault();
14    // create accordion variables
15    var accordion = $(this);
16    var accordionContent = accordion.next(".accordion-content");
17    var accordionToggleIcon = $(this).children(".toggle-icon");
18
19    // toggle accordion link open class
20    accordion.toggleClass("open");
21    // toggle accordion content
22    accordionContent.slideToggle(250);
23
24    // change plus/minus icon
25    if (accordion.hasClass("open")) {
26      accordionToggleIcon.html("<i class='fa fa-minus-circle'></i>");
27    } else {
28      accordionToggleIcon.html("<i class='fa fa-plus-circle'></i>");
29    }
30  });
31});