Jquery каждая функция работает только с первым элементом ⇐ Html

[Anonymous]

Я использую этот легкий плагин для отображения продолжения текста при наведении:
https://lukifer.github.io/HoverForMore.js/
Я использую функцию jQueryeach для вызова всех элементов и запуска этого плагина для каждого из них, но эта функция работает только с первым элементом, а не с остальными. Я чувствую, что возникла проблема с той частью кода, которую я написал.
это мой код jquery: (полная демонстрация находится по ссылке jsfiddle ниже):

Код: Выделить всё

$(document).ready(function(){
const sample_item = document.querySelector(".sample_item");
$(sample_item).each(function() {
$(".sample_item .steps_item_on span").hoverForMore({
speed: 60.0,        // Measured in pixels-per-second
loop: false,        // Scroll to the end and stop, or loop continuously?
gap: 20,        // When looping, insert this many pixels of blank space
target: sample_item,
removeTitle: true,  // By default, remove the title attribute, as a tooltip is redundant
snapback: true,     // Animate when de-activating, as opposed to instantly reverting
addStyles: false,   // Auto-add CSS; leave this on unless you need to override default styles
alwaysOn: false,    // If you're insane, you can turn this into a  tag. (Please don't.)
startEvent: "mouseenter",
stopEvent: "mouseleave"
});
});
});

Демо-версия jsfiddle:
https://jsfiddle.net/amirehsan/ymzradcn/7/
Как заставить эту функцию работать со всеми элементами, а не только с первым?

Подробнее здесь: https://stackoverflow.com/questions/798 ... first-item