【JS】JSを忘れつつあるので、備忘録

きっかけ

ドロワーメニューをうまく編集できなかった。 ソースが読めなかったというのが正しいかもしれない。



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」を使って、
ボタンを押すたびに、親要素(