Cacher is the code snippet organizer for pro developers

// new
	// init login popup
	(function () {
		let $loginBtn = $('.js-login-btn');
		let $loginPopup = $loginBtn.siblings('.login__popup');

		$loginBtn.on('click', function (e) {
			e.preventDefault();
			e.stopPropagation();

			$loginPopup.toggleClass('is-open');
			$loginPopup.fadeToggle(200);

			$(window).on('click', function () {
				$loginPopup.removeClass('is-open');
				$loginPopup.fadeOut(200);
			});

			$(window).keyup(function(e) {
				if (e.keyCode == 27) {
					$loginPopup.removeClass('is-open');
					$loginPopup.fadeOut(200);
				}
			});

			$loginPopup.on('click', function (e) {
				e.stopPropagation();
			});

		});
	})();
        
       ===========================================               ==================================================

// pack ordering
    (function () {

        var packBtn = $('.js-pack-btn'),
            packPopup = packBtn.next(),
            popupClose = $('.js-subscribe-pack-close');

        packBtn.on('click', function (e) {
            e.preventDefault();
            e.stopPropagation();

            packPopup.toggleClass('is-active');

            if ($(this).parent().siblings().children(packPopup).hasClass('is-active')) {
                $(this).parent().siblings().children(packPopup).removeClass('is-active');
            }

        });

        popupClose.on('click', function () {
            $(this).parent().removeClass('is-active');
        });

        $(window).on('click', function () {
            packPopup.removeClass('is-active');
        });

    })();