どうもです、はやちです٩( ᐛ )و 秋に近づいて涼しくなってきましたね、皆様夏はいかがお過ごしでしたか? はやちは夏のコミケに思わず三日間連続で参加してしまい、腕がこんがり焼けてしまいました( ˇωˇ )<健康的 そんなことはどうでもいいですね٩( ᐛ )و 今回はアコーディオンメニューを、もうちょいスマホに特化させた作りにしてみました! ご紹介します! アコーディオンメニューの準備をしよう まず、HTMLとSCSSの準備をします。 HTML headerとアコーディオンさせるナビゲーションは別々に置きます( ˇωˇ ) <header id="js-accordion" class="header"> <div class="header__heading"> <h1 class="logo">accordion menu</h1> <span class="menu-button">
![スマホサイトに特化したアコーディオンメニューを作ってみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/b73517d1e91ec84c01fc090a89196b1d4ffed674/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2015%2F08%2F10211.png)