Cacher is the code snippet organizer for pro developers

    /**
     * Reader footnotes
     */
    var $footnote            = $('.js-footnote');
    var $footnoteRef         = $('.js-footnote-ref');
    var $footnoteContainer   = $('.js-footnotes-container');
    var $footnoteCloseButton = $('.js-footnote-close');
    var $overlay             = $('.js-overlay');

    if ($footnoteRef.length) {
        $footnoteRef.on('click', function () {
            var $footnoteID = $(this).data('footnote-id');
            $($footnoteID).show();

            $footnoteContainer.addClass('is-visible');
            $overlay.addClass('is-visible');
            $(this).parent().next().addClass('is-visible');
        });
    }

    $overlay.on('click', function () {
        $(this).removeClass('is-visible');
        $footnoteContainer.removeClass('is-visible');
        $footnoteCloseButton.removeClass('is-visible');
        $footnote.hide();
    });

    $footnoteCloseButton.on('click', function () {
        $(this).removeClass('is-visible');
        $footnoteContainer.removeClass('is-visible');
        $overlay.removeClass('is-visible');
        $footnote.hide();
    });