title: Disable Prev Control on first slide and disable Next control on last slide
body: <p>using Slick and looking for a way to have the prev control disabled and hidden until the user clicks the next arrow. Similarly I want the Next control to become disabled and hidden once the user reaches the last slide. </p>
  
  <p>A good illustration of what I'm trying to accomplish is <a href="http://www.asla.org/sustainablelandscapes/index.html" rel="noreferrer">here</a></p>
  
  <p>Does slick have an attribute already for this that I have overlooked? Is this something that maybe can be accomplished using CSS by adding a disabled class?</p>
  
  <p>The only thing similar I have found is this </p>
  
  <pre><code>$('.pages .slider').slick({
      autoplay: true,
      autoplaySpeed: 5000,
      infinite: false,
      onAfterChange: function(slide, index) {
          if(index == 4){
          $('.pages .slider').slickPause();
  </code></pre>
  
  <p>But its not exactly what I am looking for.</p>