鼠标悬停时Lightslider导航[Jquery]

Question

是否可以在鼠标悬停时导航LightSlider滑块？即。如果鼠标悬停1，请转到第一张幻灯片。我尝试过但无法实现。

我正在尝试CodePen.io

这是我的html

<ul id="content-slider" class="content-slider">
  <li>
    <h3>1</h3>
    <a href="#1">1</a>
  </li>
  <li>
    <h3>2</h3>
    <a href="#2">2</a>
  </li>
  <li>
    <h3>3</h3>
    <a href="#3">3</a>
  </li>
  <li>
    <h3>4</h3>
    <a href="#4">4</a>
  </li>
  <li>
    <h3>5</h3>
    <a href="#5">5</a>
  </li>
  <li>
    <h3>6</h3>
    <a href="#6">6</a>
  </li>
</ul>

这是jquery

 $(document).ready(function() {
   $("#content-slider").lightSlider({
     auto: true,
     item: 1,
     loop: true,
     controls: true,
     speed: 600,
     pause: 3000,
     keyPress: true,
     mode: 'slide'
   });
 });

我正在尝试：

$(".lSPager li").hover(function () {
    goToSlide(this);
});

和

$('.lSPager li a').click(function() {
    var url = $(this).find('.go').attr('href');
    window.open(url, '_blank');
});