ドロワーメニューをJSのClass構文で書いてみた - Qiita

こんにちは。 最近はJavaScriptを強化したくて、少しずつJavaScriptを学習しています。 そんな中、クラス構文を学び、使用頻度の高いドロワーメニューに活かしてみようと思ったので、自分の学びとして記事に残したく、初めてですが記事を書いていきます。 1.今までの書き方 これまでは下記のようにjQueryにて書いていました。 「js-drawer」クラスをクリックすると、bodyに「is-drawerActive」クラスが付与されて、その時にドロワーメニューが出てくる仕組みになっています。 $(function() { // ドロワーメニュー $('.js-drawer').click(function() { $('body').toggleClass('is-drawerActive'); if($(this).attr('aria-expanded') == 'false')