メニュー設定
<button data-target="mainMenu" class="manu-toggler" data-open="false"></button>
<nav id="mainMenu" class="menu">
<ul>
<li><a href="#">メニュー1</a></li>
<ul class="child">
<li><a href="#">子階層</a></li>
</ul>
<li><a href="#">メニュー2</a></li>
</ul>
</nav>
<nav>
には必ずid="mainMenu"
を設定してください。
※id
を変更する場合は、<button>
のdata-target
も変更してください。<button>
には以下の設定をしてください。id="mainMenuBtn"
data-target="mainMenu"
※data-target
は必ず<nav>
のid
と同じにしてください。class="manu-toggler"
data-open="false"
- メニューの
<ul>
の中にclass="child"
を設定した<ul>
を入れると子階層としてレイアウトされます