Why are images not loaded in the slider (slick) after opening the block?

Question

JavaScript

Such a problem: I hid part of the block, when you click on the button, this block is displayed, but the problem is that the slider images are not loaded, but the slider itself works.
It looks like this

. But if you change the width in the developer tools in the (slick-track) class, then the slider starts showing images, and gradually starts to work better.
Button script to open block

$('#hidden-block-btn').on('click', function() {
  $('.hidden-block').addClass('active');
});

Answer 1

https://newwebmaster.ru/blog/slick-in-bootstrap-ta...