classListでエラーが発生する

前提・実現したいこと

JavaScriptでハンバーガーメニューを作っています。
ボタンクリックで横からメニューが出てくるようにしたいのですが、ボタンクリックの段階でエラーが発生してしまいます。
原因が分かる方いらっしゃったら教えていただきたいです。よろしくお願いします。

発生している問題・エラーメッセージ

Uncaught TypeError: Cannot read property 'classList' of undefined
at HTMLDivElement.<anonymous> (menu.js:9)

該当のソースコード

HTML
1<nav class="menu">
2            <div class="logo"><img src="images/icon.png" alt="">NAME</div>
3            <div class="menu__slide">
4                <span class="menu__slide__torigger"></span>
5                <span class="menu__slide__torigger"></span>
6                <span class="menu__slide__torigger"></span>
7            </div>
8            <div class="menu__list">
9                <ul class="menu__ul">
10                    <li class="menu__item"><a href="">About</a></li>
11                    <li class="menu__item"><a href="">Works</a></li>
12                    <li class="menu__item"><a href="">Recruit</a></li>
13                    <li class="menu__item"><a href="">News</a></li>
14                    <li class="menu__item"><a href="">Contact</a></li>
15                </ul>
16            </div>
17        </nav>

JavaScript
1class menuSlide {
2    constructor() {
3        this.list = document.querySelector('.menu__list');
4        this.slide = document.querySelector('.menu__slide');
5        this._click();
6    }
7    _click() {
8        this.slide.addEventListener('click', function() {
9            this.list.classList.toggle('menu__list-click')
10        })
11    }
12}
13
14new menuSlide();