title: Trigger Slider on Button click with Slick Slide Not working?
body: <p>I have been trying to make a slider that has custom buttons using the Slick Slide library. When you trigger the "#slider-swap" the slide should change to the second slide which has the same button (different name) that swaps the slide back to the first.</p>
  
  <p>I did make my own flipbox but ended up sticking with this as it will do the job without loading any additional JS.</p>
  
  <p>However when I trigger the button, nothing happens. I am not sure what I am doing wrong. I have a feeling its something with the HTML markup and slick is getting confused to what to flick between.</p>
  
  <p>Any ideas? It might because it's quite late and I have been working on this project since 8am :X</p>
  
  <pre><code>&lt;div class="cs-challenge"&gt;
  &lt;div class="front"&gt; 
      &lt;div class="cs-heading chalbg"&gt;
          &lt;i class="fal fa-bullseye"&gt;&lt;/i&gt;
          &lt;h3&gt;The Challenge&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="cs-content solbg chaltxt"&gt;
          &lt;ul&gt;
              &lt;li&gt;An uneven fouling covered at least 70% of the convection bank finned 
              surface.&lt;/li&gt;
              &lt;li&gt;Deposit was airborne hydro carbon dust and refractory fines – packed tightly
              between all rows of convection side fined heater tubes&lt;/li&gt;
              &lt;li&gt;Severely restricted access to the convection section.&lt;/li&gt;
              &lt;li&gt;To clean the tube side using studded pigging at the same time.&lt;/li&gt;
          &lt;/ul&gt;
          &lt;a class="btn" id="slider-swap" href="#"&gt;Change Slide&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="back"&gt;
      &lt;div class="cs-heading solbg"&gt;
          &lt;i class="fal fa-bullseye-arrow"&gt;&lt;/i&gt;
          &lt;h3&gt;Solution&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="cs-content chalbg soltxt"&gt;
          &lt;ul&gt;
              &lt;li&gt;An uneven fouling covered at least 70% of the convection bank finned 
              surface.&lt;/li&gt;
              &lt;li&gt;Deposit was airborne hydro carbon dust and refractory fines – packed tightly
              between all rows of convection side fined heater tubes&lt;/li&gt;
              &lt;li&gt;Severely restricted access to the convection section.&lt;/li&gt;
              &lt;li&gt;To clean the tube side using studded pigging at the same time.&lt;/li&gt;
          &lt;/ul&gt;
          &lt;a class="btn" id="slider-swap" href="#"&gt;Change Slide&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  &lt;/div&gt;
  
  &lt;script&gt;
      $(document).ready(function() {
          $(".cs-challenge").slick({
            autoplay: false,
            speed: 250,
            slidesToShow: 1,
            slidesToScroll: 1,
            fade: true,
            arrows: false,
            cssEase: 'linear',
            infinite: true
          });
  
      });
      var indexVal=1;
      $("#slider-swap").click(function(e){
              e.preventDefault();
              $( ".cs-challenge" ).slickGoTo(indexVal);
              indexVal=indexVal+1;
              if(indexVal&gt;2){
              indexVal=1;
              }
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is jsfiddle:
  <a href="http://jsfiddle.net/no30vq8h/" rel="nofollow noreferrer">http://jsfiddle.net/no30vq8h/</a></p>