title: Slick Slider - custom arrows - remove slick-hidden and re-enable functionality
body: <p>I have a slick slider which is limited to 4 slides and have this set so these are always visible in a grid.  I'm using focusOnSelect to have one of the slides active and you can click through the other 3 to make it active. </p>
  
  <p>This slider then syncs with another panel where text is shown through each slide.  All is working fine with that setup.</p>
  
  <p>However, I also need arrows (or custom text in this case) as nav (previous/next), to also cycle through the slides, but as 4 slides are displayed on screen - from a total of 4 slides in total - the arrows have a class of 'slick-hidden' by default and even if I force them to display with CSS, they are still stripped of functionality and do nothing.  </p>
  
  <p>Is there a way to force them to be visible and keep next/previous functionality? Is it just with the class or some other functionality preventing them from working?</p>
  
  <p>Here's my settings:</p>
  
  <pre><code>$('.slick-whoweare').slick({
      arrows: true,
      dots: false,
      centerMode: true,
      autoplay: false,
      infinite: false,
      slidesToShow: 4,
      slidesToScroll: 1,
      speed: 500,
      variableWidth: false,
      focusOnSelect: true,
      nextArrow: '.wwanext',
      prevArrow: '.wwaprev',
      asNavFor: '.slider-wwanav'
    });
  </code></pre>
  
  <p>In the front-end source, its output like this (arrows are recognised, just disabled):</p>
  
  <pre><code>&lt;div class="wwa-nav"&gt;
      &lt;div class="wwaprev slick-arrow slick-hidden" tabindex="-1" aria-disabled="false"&gt;Previous&lt;/div&gt;
      &lt;div class="wwanext slick-arrow slick-hidden" tabindex="-1" aria-disabled="false"&gt;Next&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>After research, I also found another approach of setting 'arrows: false', then using my own code, but this doesn't work either:</p>
  
  <pre><code>$('.wwaprev').click(function(){
     $('.slick-whoweare').slick('slickPrev');
  })
  
  $('.wwanext').click(function(){
     $('.slick-whoweare').slick('slickNext');
  })
  </code></pre>
  
  <p>Any help/guidance would be appreciated.</p>