Как оживить ползунок на jquery?

Question

[oelena]

Добрый день.
Подскажите, как можно оживить вот такой ползунок https://jsfiddle.net/eugavkc8/2/ с помощью jquery.
В js не очень сильна, но изучаю.
По моему мнению, логика реализации такая:
Ловим событие нажатие мыши, затем движение и момент когда отпускаем.
В эти моменты отображаем положение ползунка в input.
Так же должно работать при клике на + и -, только тут ловим клик по кнопкам, в зависимости от кнопки передвигаем ползунок вправо или влево и так же отображаем местоположение ползунка в input.
Вот только как это правильно записать?

Comments

[Aricus]

В jsfiddle нужно нажать на Save, а только потом копировать ссылку.

[oelena]

Обновила

Answer 1

[Andrew]

Подойдёт?
Или вы хотите конкретно с этим играться?

Comments

[oelena]

Хотелось бы конкретно с этим) Ну или похожий пример кода посмотреть.
И интересно послушать мнение о том, что лучше. Писать самому код на слайдеры или использовать готовые решения с плагином.