FeST1VaL

потому что срабатывает

$(document).click(function(e) {
        if (!$(e.target).parents().hasClass('menu-click')) funk(false);
    });

Можете по сути убрать .parents тогда он не будет активироваться на клик по самому menu-click и в следующий раз лучше делайте песочницу чем просто код.

Через JS получаете кликнутый элемент и берете из него текст и вставляете куда вам надо...

Как минимум вы делаете не радио кнопки, а чек боксы, что в вашем вариант как по мне было бы проще

Например вы можете сделать скрытый input и на него повесить datepicker, а при клике на абзац показывать его через $( ".selector" ).datepicker( "show" );

Т.е как то так:

Как то так... Можно конечно еще сделать проверки на соседние элементы и брать их высоту... а не всех, но думаю суть ясна...Просто тогда надо смотреть на ширину list и ширину item и высчитывать сколько помещается) и тогда понимать кто соседский элемент... мне лень)

Если не сильно менять ваш код, то примерно так или как написал Rsa97:

const photo = $('#photo');

for (let i = 0; i < data.length; i++) {
  const img = $('<img>');
  photo.append(img); 
  img.attr({ src: data[i].url, width: data[i].width, height: data[i].height, alt: data[i].alt }) 
}

Просто ищите уже элемент с active т.е примерно так:
P.S на сайт не заходил, поидее сработает)

$(".menu-item-has-children").click(function() {
  var self = $(this);
    if (self.hasClass('active')) {
      self.removeClass('active');
    } else {
      $(".menu-item-has-children.active").removeClass('active');
      self.addClass('active');
    }
})

Так почему вы проверяете в forEach кол-во элементов? если у вас в массиве лежат все элементы label?
А так же ошибка в слове length

arrLabel.length >=2

let arrLabel = document.querySelectorAll('.catalog__grid-wrap label')

let valLabel = ()=> {
    if(arrLabel.length >= 2) {
     alert();
    }
}
valLabel()

.service-photo-title-a.active .service-photo-text-aa::before {
    transform: rotate(180deg);
}