How to make the slider into normal blocks when the button is clicked?

Question

JavaScript

How to deactivate Slick Slider slider on button click?
There is a command that allows you to "destroy" the settings: "unslick" slider with a certain media query, but to be honest, I don't understand how to apply it to the click event. Tried this code, doesn't work:

$(".all-cats-btn").click(function(e) {
    e.preventDefault();
    $('.catalog-main').slick({
        settings: "unslick",
  });
})

Answer 1

$('.all-cats-btn').on('click', function(e) {
  e.preventDefault();
  $('.catalog-main').slick('unslick');
});