Изменение моей функции jQuery на конструктор

Question

Я использую функцию jQuery с моим сайтом Wordpress, чтобы открывать и закрывать мой аккордеон.Функция работает нормально сама по себе, но я хочу добавить больше jQuery в мой файл.Это выглядит беспорядочно, поэтому я решил сделать разные модули.Я хотел использовать конструкторы, чтобы сделать это, как я делал это ранее.Это мой первый раз, когда я делаю это самостоятельно, и у меня возникают проблемы с его работой.

Никаких ошибок не появляется, просто ничего не происходит при нажатии.

 $(document).ready(function () {


  $('.accordion-toggle').on('click', function (event) {

        event.preventDefault();

        var accordion = $(this);

        var accordionContent = accordion.next('#accordion-content');

        accordion.toggleClass("open");

        accordionContent.slideToggle("slow");

    });

});

конструктор

import $ from 'jquery';


class Accordion {

    constructor() {

        this.toggleButton = $('.accordion-toggle');

        this.accordionContent = this.toggleButton.next('#accordion-content');

        this.events();
    }

    events() {
        this.toggleButton.on('click', this.openToggle.bind(this));
    }

    openToggle() {

        this.toggleButton.toggleClass('open');
        this.accordionContent.slideToggle('slow');
    }

}



export default Accordion;