Вам ответили - все под задачу.
Вот я недавно делал небольшой конструктор сайтов - там очень зашёл вью.
А пару дней назад делал лендос - там 1 слайдер, и мобильное меню - тут с головой мне хватает и нативного js. А насчёт jQuery - даже хз, уже не юзал года 2-3
Поучить немного js да и html тоже.
1. На странице может быть только один уникальный ид.
2. Тут вы работаете с первый эл который находите, вам нужен масив.
3. И через event вызывать функцию (как пример.)
Ибо ты заменил id с play на pause - а кто будет делать наоборот, да и вообще для такого куда лучше работать с дата атрибутами - если нужна помощь напиши в телегу все объясню. Ибо тут все расписывает лень.
Как заказывали мсье https://codepen.io/angryyum/pen/xxVrQJa?editors=1111
1) Слайдер на ваниле https://swiperjs.com/ - может тупо все
2) Через галп можете выкинуть все лишнее в нем.
3) Хороший слайдер на ваниле с учетом все выебонов всех браузеров довольно геморрой делать как не крути
Честно по мне вы все сложно делаете, я вот совсем недавно делал светлую/темную тему.
Просто пару css переменных + локал стораж записывал темная/светлая тема.
Ну для начала разбей задачу на мелкие пункты.
1.Сделать свои чекбоксы
2. Сделать главный чекбокс
3.Создать кастомный селект
4. Объединить все это (ну и плюс мелкие подпункты)
5. Как вариант на каждом шаге писать вопрос на тостере (сарказм)
Забавно выходит, на моей памяти уже 3 или 4 такой вопрос (хочу быть фронтом но html/css = мерзость)
Но вот в чем ирония в ~95% жс это манупиляция с дом деревом сайта, и собственно вопрос, а как им манипулировать, не понимая его работы?)
Не ну это вершина наглости. Мне тут срочно нужно сдать проект, а разбираться один вечер мне лень. Ну вот вам разметка нафигате мне ща по фасту хлопцы.
То что вам нужно можно узнать потратив всего один вечерок на изучение js ( пару часов).
А с готовым проектом по ТЗ есть очень много хороших фриланс бирж.
Почему это мне напоминает учебный макет по которому верстал один сударь на ютубе?
А вообще лучшая тактика - это забыть про этот старый говеный слик и взять swiper.js
Тут нужно смотреть на написанный код. Может там происходит подмена текста, может один блок скрывается другой показывает, может меняют ширину/высоту блока - а по скрину это гадание на кофейной гуще.
Ну если правильно, нужно или какой нить библиотеку поискать.Если вам нужно именно css то что-то вроде grid + flip clip ну и просто немного свободного времени. https://bennettfeely.com/clippy/ вот пример этого свойства
Мб есть еще адекватные способы - но пока только это пришло в голову.
Что вы там соберетесь создавать?)
Сперва примеры готовых анимаций, теперь сколько из них может обхватить jQuery?
Если по вопросу, то он может сделать все что может css/чистый js(ну я по крайней мере не встречал анимацию которую нельзя сделать на js)
Если писать с нуля, то Сергей delphinpro дал вам простой самописный вариант. Или можете взять swiper.js он на чистом js и тот функционал там реализовывается в 3 клика.