elm/checkhidden.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

//order:9 - After Elm initialization

/* "checkhidden" checkbox, usage:
 *
 *    <input type="checkbox" class="checkhidden" value="$somename">
 *
 * Checking that will toggle the 'hidden' class of all elements with the "$somename" class.
 */
document.querySelectorAll('input[type=checkbox].checkhidden').forEach(function(el) {
    var f = function() {
        document.querySelectorAll('.'+el.value).forEach(function(el2) {
            el2.classList.toggle('hidden', !el.checked);
        });
    };
    f();
    el.addEventListener('click', f);
});