Slick dots don't react to external jquery events, how to implement?

Question

JavaScript

I just use slcik slider, inside 4 slides with four dot paginators, I need to connect a class change for the outer block when we click on any marker in the slider, my attempts did not bring any result:

$('#slick-slide03 button').on('click', function() {
    $('.map_animation').toggleClass('map_animation2');});});

or

$("#slick-slide00").children("button").click(function() {
        $('.map_animation').toggleClass('map_animation2');
    });

Tell me what I'm doing wrong, or how to correctly implement such an event?

Answer 1

afterChange, beforeChange not satisfied?
kenwheeler.github.io/slick/#settings