Danny Arty

const mySwiper = new Swiper('.slider-3steps', {
  scrollbar: {
    el: document.getElementById('swiperScrollbar') //где swiperScrollbar - id скорллбара соответственно
  },
});

let containers = document.getElementsByClassName('promo-group__swiper-container');
Array.from(containers).forEach(function(element) {
    var swiper = new Swiper(element, {
       navigation: {
          nextEl: element.querySelector('.swiper-button-next'),
          prevEl: element.querySelector('.swiper-button-prev')
       }
    });
});

ul {
   display: flex;
   flex-direction: column;
}
.lang-item-10 {
   order: 1;
}
.lang-item-2 {
   order: 2;
}

<div class="slider-wrapper">
   <div class="swiper">
      <div class="swiper-wrapper">
         <div class="swiper-slide">Slide 1</div>
         <div class="swiper-slide">Slide 2</div>
         <div class="swiper-slide">Slide 3</div>
       </div> 
    </div>
    <!-- Кнопки -->
    <div class="myslider-prev swiper-button-prev"></div>
    <div class="myslider-next swiper-button-next"></div>
</div>

var swiper = new Swiper('.swiper', {
  ...тут ваши прочие параметры
  navigation: {
    nextEl: '.myslider-next',
    prevEl: '.myslider-prev',
  },
});

$result = array();
if (!$stmt->rowCount()) {
    $result['error_login'] = "Пользователь с такими данными не зарегистрирован";
    echo json_encode($result, JSON_UNESCAPED_UNICODE);
}
...
$_SESSION['user_id'] = $user['id'];
$result['us3r_id'] = $_SESSION['user_id'];
echo json_encode($result, JSON_UNESCAPED_UNICODE);

$(document).ready(function() {
  $('.uk').click(function() {
    $(this).toggleClass('open');
    $('.cardC').toggleClass('shown'); //например класс shown будет отвечать за состояние показан-скрыт
  });
});

document.addEventListener('click', function (e) {
    if (e.target.classList.contains('js--btn-delete')) {
        //тут пишешь что нужно делать по клику
    };
});