jQuery

【jQuery】HTML、CSS、jQueryを使用したサイトメニューUnusualMenu

June 21, 2017
UnusualMenu

UnusualMenuはHTML、CSS、jQueryを使用したサイトメニュー。

HTML

    <nav>
        <ul>
            <li><a href="#"><span>MENU 1</span></a></li>
            <li><a href="#"><span>MENU 2</span></a></li>
            <li>
                <a href="#"><span>MENU 3</span></a>
                <ul class="hidden">
                    <li><a href="#"><span>MENU 3.1</span></a></li>
                    <li><a href="#"><span>MENU 3.2</span></a></li>
                    <li><a href="#"><span>MENU 3.3</span></a></li>
                    <li><a href="#"><span>MENU 3.4</span></a></li>
                </ul>
            </li>
            <li><a href="#"><span>MENU 4</span></a></li>
            <li><a href="#"><span>MENU 5</span></a></li>
        </ul>
    </nav>