Как реализовать единичное раскрытие аккордеонов через slideToggle в jQuery?

Kardamon90, Собственно, алгоритм точно такой же. Разве что, не всегда toggle - это то, что нужно.
Иногда нужны более точные вариации, например slideDown/Up чтобы однозначно определить состояние.

Как реализовать единичное раскрытие аккордеонов через slideToggle в jQuery?

Не могу продумать логику

Ну а ход мыслей хотя бы описать можете? Потому что это прям минимальный уровень логики.

Продумайте алгоритм сначала на естественном языке, разбейте его на последовательные пункты, а потом переведите на машинный язык. Настоятельно рекомендую научиться решать такие задачи самостоятельно. Потому что дальше тогда вообще не просто будет, если Вам ответ дадут готовый..

Как в air datapicker разделить выбор часов и минут на разные вспылвающие блоки или хотя-бы разбить вывод часов и минут по 2 инпутам?

Lero62, а ну и ещё вариант предложить, убрать эти отдельные поля для времени вообще и объединить их в один с датой. Так, как минимум, будет явно удобнее пользователю, раз плагин предлагает такую возможность.

Как в air datapicker разделить выбор часов и минут на разные вспылвающие блоки или хотя-бы разбить вывод часов и минут по 2 инпутам?

Lero62, Ну то и значит. Зачем. Если Вы просто кодер - тогда понятно.
Но плагин же Вы выбрали? Или Вы промолчали что с этим плагином вы так не умеете так не получится, когда Вам пришло это требование. Нельзя усидеть на всех стульях. Либо компромис - либо "ещё дольше"(с).
Так что у Вас сейчас в целом 4 варианта.
1) Ждать пока кто-то, кто знает как этот плагин работает, или имеет время пойти поковыряться, даст ответ.
2) Пойти к заказчику и сказать что тут не нужен datepicker, так как тут просто ввод числа
3) Изучить Datepicker и сделать, если это возможно.
4) "Ещё дольше".

Как поправить верстку?

jsfiddle за VPN. Для большего охвата лучше выкладывать на codepen

Как в air datapicker разделить выбор часов и минут на разные вспылвающие блоки или хотя-бы разбить вывод часов и минут по 2 инпутам?

Lero62, ну вот я и спрашиваю. Зачем Вам air datepicker тут? Если это числовые поля с ограничениями, причём весьма не большими.
0-23
0-59.

Бегло пробежавшись по доке - нет возможности у air datepicker в только время.

Как в air datapicker разделить выбор часов и минут на разные вспылвающие блоки или хотя-бы разбить вывод часов и минут по 2 инпутам?

а зачем Вам вообще datepicker для отдельных часов и минут? И чем не подходит пример из документации: https://air-datepicker.com/ru/examples - выбор времени

Как правильно по доступности верстать презентационные бэкграунды через тег picture?

godsplane, А что, прям много вариантов на что вешать? Легко проверить.

Как сделать переадресацию на конкретный таб?

Считывайте query параметр из урла и активируйте соответствующий таб.
Типа site.com?tab=ads

Как посылать запросы на сервер при изменении массива?

ohwoow, ну залейте. Но ничего не обещаю

Как посылать запросы на сервер при изменении массива?

ohwoow, Ну и сегодня уже наверное нет. В понедельник точно смогу. На выходных не знаю.

Как посылать запросы на сервер при изменении массива?

ohwoow, Лучше на codesandbox демку сделать, там сразу можно будет всё потыкать и посмотреть

Как сделать чтобы в Header был свой цвет и в фоне свой?

Zumich, Ну так добавьте внутрь обёртку, у которой будет ограничение на макси ширину.

header > .container > content

Как сделать чтобы в Header был свой цвет и в фоне свой?

Так и в чём у Вас возникла сложность?
Вам может показать это издёвкой, но это ответ и другого не дашь:

Как сделать чтобы в Header был свой цвет и в фоне свой

Задать для фона один цвет, а для header - другой.

Как посылать запросы на сервер при изменении массива?

ohwoow, тут так с ходу не скажешь.
А ещё, на вид у Вас тут гонка запросов получается.

Если val содержит в себе 2 элемента, то у Вас получается пойдёт 2 запроса в параллель.
Что если первый запрос закончится позже чем второй? Данные будут актуальные?
Нужно смотреть на решение более комплексно, а не по кусочкам, чтобы дать нормальные рекомендации.

Как посылать запросы на сервер при изменении массива?

ohwoow, ну да, типа того. Если val длиннее oldVal то находить новые значения и для них делать запрос.
Но тут тоже есть не оптимальность.
Если пользователь туда сюда нажал на одном и том же элементе, то для него данные запросятся несколько раз. Нужно кеширование придумать

Как посылать запросы на сервер при изменении массива?

ohwoow, если успели прочитать предыдущее сообщение, то прочитайте ещё раз. Обновил. Была ключевая опечатка, меняющая смысл.

Как посылать запросы на сервер при изменении массива?

ohwoow, Чтож,

выбранные инпуты передаю в другой компонент

и в этом другом компоненте, я полагаю, Вы и хотите делать запрос.
Если это масиив, он множественный и может дополняться значениями, то делать запрос по новой для всех элементов - очень сомнительное решение.
Сначала у меня массив [1], я сделал запрос за товаром с id = 1.
Потом я выбрал ещё один, у меня массив стал [1,2], снова сделал запрос и за 1 и за 2?
Можно подумать, что, в таком случае, можно делать запрос за последним элементом в массиве, но если у меня массив имеет вид [1,2,3] и я его меняю на [1,3] то что?

Поэтому решение то предложить можно, но для того чтобы предложить нормальное решение - информации маловато.

Ответ в лоб

Как посылать запросы на сервер при изменении массива

-повесить на массив watch и делать запрос при изменении массива.

Но по выше озвученным причинам - решение так себе.
Можно сравнивать новое значение и старое и делать запрос только для изменившихся данных, если массив стал длиннее, а если короче - то ничего не делать.

Как сделать три колонки на flex?

гугл что, молчит?

Как посылать запросы на сервер при изменении массива?

ohwoow,
А ещё вопрос, а что это за функция?

getId() { // здесь я получаю id инпута, на который кликнул
  for (const item of this.products) {
    return item.id
  }
}

Она же вернёт всегда первый item.id из this.products. Какой смысл в переборе?