Сергей delphinpro

Нужно пересмотреть логику работы.
Загружать и выполнять javascript с сервера – так себе идея.

Если вам нужно инициализировать какой-то js-плагин на загруженном html коде, то это лучше делать после выполнения запроса.
Тут разные пути есть.
1. Использовать какой-то микрофреймворк на фронте, который автоматически инициализируется на измененных или новых узлах DOM (например Alpine.js или Stimulus) и в его хуках жизненного цикла инитить плагин.
2. Выполнять все запросы через какую-то свою обертку над fetch, и по всем запросам отрабатывать инициализацию всех используемых плагинов.
3. В ответе сервера передавать дополнительную информацию о том, какой плагин и на каком новом элементе необходимо инициализировать.

Как-то так, примерно.
Никогда не используйте повторяющиеся ID. У вас именно с этим проблема. Ну не совсем с этим, но из-за этого вы не разглядели суть.

function showThumbnail($img, href, title) {
    $img.attr('src', href);
    $img.attr('alt', title);
}

$(".gallery__list").each(function($gallery){
    let $largeImg = $gallery.find('.galleru__item-prem');
    $gallery.mouseover(function(event){
        let thumbnail = event.target.closest('.galleru__item');
        if (!thumbnail) return;
        
        showThumbnail($largeImg, thumbnail.href, thumbnail.title);
    });
});

Хотя тут и jquery то не нужен

function showThumbnail(img, href, title) {
    img.src = href;
    img.alt = title;
}

document.querySelectorAll('.gallery__list').forEach(function(gallery){
    const largeImg = gallery.querySelector('.galleru__item-prem');
    if (!largeImg) console.warn('Нет большой картинки');
    gallery.addEventListener('mouseover', function(event){
        const thumbnail = event.target.closest('.galleru__item');
        if (!thumbnail) return;
        
        showThumbnail(largeImg, thumbnail.href, thumbnail.title);
    });
});

UPD

Отрицательный margin-left

Собственно и ваш вариант работает.

ChatGPT рулит =)

let inputString = "+... ... ... ... ... ..";
let stringArray = inputString.split(" "); // разбиваем строку по пробелам
stringArray.shift(); // удаляем первый элемент массива
let outputString = stringArray.join(" "); // склеиваем оставшиеся элементы массива в строку
console.log(outputString); // выводим результат в консоль

Ну а я перепишу по своему

let inputString = "+... ... ... ... ... ..";
let result = inputString.split(" ").slice(1).join(" ");
console.log(result);

window.onload = () => {

  const popUp = document.getElementById('cookiePopup');

  function showPopup() {
    popUp.classList.add('show');
    popUp.classList.remove('hide');
  }

  function hidePopup() {
    popUp.classList.add('hide');
    popUp.classList.remove('show');
  }

  document.getElementById('acceptCookie').addEventListener('click', () => {
    localStorage.setItem('cookieAccepted', '1');
    hidePopup();
  });

  if (localStorage.getItem('cookieAccepted') === '1') {
    hidePopup();
  } else {
    showPopup();
  }

};

Как-то так можно, если я правильно понял суть анимации.

<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>
<a class="menu">Menu item</a>

.menu {
  transform: translateX(-100%);
  opacity: 0;
  transition: all 0.5s ease;
}

.menu.ready {
  transform: translateX(0);
  opacity: 1;
}

const delay = 300;
[...document.querySelectorAll('.menu')].reverse().forEach((menu, index) => {
    setTimeout(() => {
        menu.classList.add('ready');
    }, delay * (index + 1))
});

Это делается так:

switch (true) {
    case a > b:
        alert(a + b)
        break;
    case a < b:
        alert('Lorem Ipsum terebismum')
        break;
    default:
        alert('Isn"nt number')
        break;
}

я понимаю, что как в примере я не перебью стили,

нет, не перебьете.

Решение вроде очевидное – изначально для всех элементов svg выставить фильтр, а по клику убирать его. У body разумеется убрать фильтр совсем. Иначе никак.

Зачем для этого библиотека?
https://developer.mozilla.org/en-US/docs/Web/API/E...
https://learn.javascript.ru/size-and-scroll
Ловим события mouseup/mousedown/mousemove/wheel и меняем значение скролла у элемента (или его относительную позицию внутри другого элемента).

Причем здесь передача event?
В ошибке прямым текстом написано: Я не знаю ни про какую функцию dropdown
Если хотите использовать ее в html, то функцию следует объявлять в глобальном контексте.
Например так

window.dropdown = function(event) {
}

Всё уже давно разъяснили на пальцах
MDN/JavaScript/Global_Objects/Array/sort