How to make sliders work separately?

Question

JavaScript

or rather, they switched,
because now in each item there are several of them (instead of one block .block__arrows )

if you make one slider on the page - everything is correct,
but two or more - no
https://jsfiddle.net/ca5d0uq8/3/

Answer 1

We loop through each block with a slider, find the necessary elements in it and initialize it:

Answer 2

var events = $('.block__gallery');
Initialize each slider with a new class, preferably an id