きっかけ
ドロワーメニューをうまく編集できなかった。 ソースが読めなかったというのが正しいかもしれない。
jQuery 日本語リファレンス
http://semooh.jp/jquery/api/attributes/toggleClass/class/
http://semooh.jp/jquery/api/attributes/addClass/class/
https://www.ipentec.com/document/javascript-jquery-doller-function-mean
ドロワーメニューの動作の原理
http://webdesign.practice.jp/drawer_jquery_css
まず、PCビューの時は、navタグ の中は ulタグ要素で普通にメニューを作り、
liタグ は display:inline-block などで横並びにしておきます。
次にスマホビューの時はメディアクエリを使って、
navタグを非表示にし、ボタンを表示します。
navタグ 内の liタグは display:block で縦並びにします。
ここで上記の jQueryの「.toggleClass」を使って、
ボタンを押すたびに、親要素(