title: Slick Slider: Go to slide with link and mark active links
body: <p>I want to use a link to go to a certain slide inside a slick slider.</p>
  <p>At the moment I'm using the following code for that (You can see it here: <a href="https://codepen.io/cray_code/pen/xxPRLKK" rel="nofollow noreferrer">https://codepen.io/cray_code/pen/xxPRLKK</a>):</p>
  <pre><code>&lt;div class=&quot;slider slider-for&quot;&gt;
      &lt;div&gt;&lt;h3&gt;1&lt;/h3&gt;&lt;/div&gt;
      &lt;div&gt;&lt;h3&gt;2&lt;/h3&gt;&lt;/div&gt;
      &lt;div&gt;&lt;h3&gt;3&lt;/h3&gt;&lt;/div&gt;
      &lt;div&gt;&lt;h3&gt;4&lt;/h3&gt;&lt;/div&gt;
      &lt;div&gt;&lt;h3&gt;5&lt;/h3&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;action&quot;&gt;
      &lt;a href=&quot;#&quot; data-slide=&quot;3&quot;&gt;go to slide 3&lt;/a&gt;
      &lt;a href=&quot;#&quot; data-slide=&quot;4&quot;&gt;go to slide 4&lt;/a&gt;
      &lt;a href=&quot;#&quot; data-slide=&quot;5&quot;&gt;go to slide 5&lt;/a&gt;
    &lt;/div&gt;
  </code></pre>
  <p>And this JS code:</p>
  <pre><code> $('.slider').slick({
     slidesToShow: 1,
     slidesToScroll: 1,
     arrows: false,
     fade: true,
   });
  
   $('a[data-slide]').click(function(e) {
     e.preventDefault();
     var slideno = $(this).data('slide');
     $('.slider').slick('slickGoTo', slideno - 1);
   });
  </code></pre>
  <p>It works fine to jump do a certain slide.
  But I need to mark the current slide inside the navigation as active and add a class <code>.active</code> to the link.</p>
  <p>Is that possible?</p>
  <p>I know that there is a thing like slider syncing with <code>asNavFor</code>. But I can't use that in my case.</p>