Hide/Show Kartra Sections Using Link URLs

<!--
Use <a href> links to control hiding and showing of Kartra sections (and/or classes).
Author: Brian Katzung <[email protected]>
<a href='#hide,item,item,...'>
<a href='#hide,item,item,...,show,item,item,...'>
<a href='#show,item,item,...'
Each item may be a section id (omit #, it will be added) or a .class name (note leading period).
Use "Hide section from leads not assigned tag 'Unassigned' for default-hidden sections" and
make sure that no leads are ever assigned that tag.
If you're using the Kartra button UI, use URL https://published_page_url#hide,...,show,...
-->
<script>
function procHideShowLink (src) {
    var a = src.href ? src : src?.target;
    if (!a?.href) return;
    var hash = ',' + (new URL(a.href).hash.substring(1)) + ',';
    var m = hash.match(/^(?:,hide,(.*?))?(?:,show,(.*?))?,$/);
    var hide = (m && m[1] && m[1] && m[1].split(',').map(i => i.replace(/^[^.]/, '#$&')) || []);
    var show = (m && m[2] && m[2] && m[2].split(',').map(i => i.replace(/^[^.]/, '#$&')) || []);
    if ((hide.length || show.length) && src.preventDefault) src.preventDefault();
    if (hide.length) jQuery(hide.join(',')).hide();
    if (show.length) jQuery(show.join(',')).show();
}
jQuery(() => {
jQuery('a[href*="#hide,"],a[href*="#show,"]').click(procHideShowLink);
});
</script>