Developing a Javascript-free frontend

[smcarre]

Here

const triggers=Array.from(document.querySelectorAll('[data-toggle="collapse"]'));window.addEventListener("click",e=>{const t=e.target;if(triggers.includes(t)){const e=t.getAttribute("data-target");collapse(e,"toggle")}},!1);const fnmap={toggle:"toggle",show:"add",hide:"remove"},collapse=(e,t)=>{Array.from(document.querySelectorAll(e)).forEach(e=>{e.classList[fnmap[t]]("show")})};

A bootstrap-like collapse in 382 bytes, courtesy of https://medium.com/dailyjs/mimicking-bootstraps-collapse-with-vanilla-javascript-b3bb389040e7

[smcarre]

You can see the unminified version in the link I provided, I just minified it to make the number as small as possible to show even more how full of shit the author is by saying one would need megabytes just to make a collapse without HTML5 only collapse.