2 вопроса по табам slick-slider?

Question

[Василий Хрягин]

penthhouse почему-то не фильтруется и при клике появляются все слайды, а не пентхаусы. В чем проблема может быть?
И как сделать загрузку страницы фильтром one, а не всех слайдов?
Видимо этот код надо поменять $("#price .price-slider").slick('slickUnfilter');

$(function() {
  $('#price .price-slider').slick({
     slidesToShow: 1,
     slidesToScroll: 1,
     infinite: false,
     arrows: false,
     centerMode: true,
     variableWidth: true,
     arrows: true,
     prevArrow: '.price-prev-arrow',
     nextArrow: '.price-next-arrow',
     lazyLoad: 'progressive',
      responsive: [
         {
           breakpoint: 501,
           settings: {
            centerMode: false,
            arrows: false,
            variableWidth: false
           }
         }
       ]
    });
  $("#price .price-nav__item").on('click', function(){
      var filter = $(this).data('filter');
       $("#price .price-slider").slick('slickUnfilter');
      
      if(filter == 'one'){
        $("#price .price-slider").slick('slickFilter','.one');
      }
      else if(filter == 'two'){
        $("#price .price-slider").slick('slickFilter','.two');
      }
      else if(filter == 'three'){
        $("#price .price-slider").slick('slickFilter','.three');
      }
      else if(filter == 'four'){
        $("#price .price-slider").slick('slickFilter','.four');
      }
      else if(filter == 'penthouse'){
        $("#price .price-slider").slick('slickfilter','.penthouse');
      }   
  })
});