Beliyadm

С Jquery есть отличный Slick Slider
Без него сейчас популярен SwiperJS

Работают как с инлайн так и с ajax контентом. А вообще много их разных, писать с нуля нет никакой необходимости как по мне

$('.block').text($('.block').attr('data-vin'));

where your_gen between 15 and 19
Без привязки к отправному возрасту, 15 и 19 включительно

Такая конструкция тоже работает
where your_gen between (17-2) and (17+2)

Ну так по аналогии в функцию listItems добавьте новый элемент list += " ",

Так? https://codepen.io/beliyadm/pen/PoEKGEj

Правильно понимаю, что нужно - если окно больше 768 - то должен быть slideToggle, если меньше - то slideDown?
Зачем слушать каждое событие ресайза, вот все проще и работает, слушаем только событие клик. Большое окно - туда сюда, маленькое только туда )

$('.js_open_footer_menu').on('click',function () {
    var windowWidth = $(window).width();
    if (windowWidth > '768') {
      $(this).next('ul').slideToggle();
      $(this).toggleClass('active');
    } else {
        $('.js_open_footer_menu').next('ul').slideDown();
    }
  });

P.S. виноват, протупил что у вас условие на меньше, но не суть

$('button').mouseenter(function(){
добавили класс элементу
}).mouseleave(function(){
Убрали класс
});