最简单的滑块-jQuery更新

Question

我发现一个死了的简单旋转木马效果很好，我知道它是如何工作的： https://codepen.io/joris_d/pen/yqaYgE

尽管如此，由于JQuery很老，我想知道更多版本的样子，也许还有一些附加信息。

(function(){

var $hints = $('.hint');
var $hintDescriptions = $('.hint-description');
var i = 0;

$('.next-hint').on('click', function(){
    i = (i + 1) % $hints.length;
    $hints.hide().eq(i).show();
    $hintDescriptions.hide().eq(i).show();
});

$('.prev-hint').on('click', function(){
    i = (i - 1) % $hints.length;
    $hints.hide().eq(i).show();
    $hintDescriptions.hide().eq(i).show();
});

})();

谢谢！