const toggleClass = (element, className, force) => {
element.classList.toggle(className, force);
};
const div = document.querySelector("div");
// Toggle the class "active" on the div
toggleClass(div, "active");
// Force add the class "highlight"
toggleClass(div, "highlight", true);
// Force remove the class "hidden"
toggleClass(div, "hidden", false);
const box = document.querySelector(".box");
const button = document.getElementById("toggleBtn");
button.addEventListener("click", () => {
toggleClass(box, "active");
});
const toggleSpan = (currentTarget, force = true) => {
const compareBlock = currentTarget.closest(".compare-block");
if (!compareBlock) return;
const currentSpan = compareBlock.querySelector("span");
if (currentSpan) {
toggleClass(currentSpan, "show", force);
if (currentSpan.className.indexOf("show") > -1) {
currentSpan.setAttribute("aria-hidden", "false");
} else {
currentSpan.setAttribute("aria-hidden", "true");
}
}
};
Comments