CSS and Javascript drop-down menu for small screens

http://purecss.io/menus/

<div class="pure-g-r " id="layout">
        <a href="#menu" id="menuLink" class="pure-menu-link">
    <img src="/img/navicon-png2x.png" width="20"
         alt="Menu toggle">
</a>

<div class="pure-u" id="menu">
    <div class="pure-menu pure-menu-open">
        <a class="pure-menu-heading" href="/">Pure</a>

        <ul>
          
            <li class=" ">
                <a href="/base/">Base</a>
            </li>
          
            <li class=" ">
                <a href="/grids/">Grids</a>
            </li>
          
            <li class=" ">
                <a href="/forms/">Forms</a>
            </li>
          
            <li class=" ">
                <a href="/buttons/">Buttons</a>
            </li>
          
            <li class=" ">
                <a href="/tables/">Tables</a>
            </li>
          
            <li class="pure-menu-selected ">
                <a href="/menus/">Menus</a>
            </li>
          
            <li class=" menu-item-divided">
                <a href="/customize/">Customize</a>
            </li>
          
            <li class=" ">
                <a href="/extend/">Extend</a>
            </li>
          
            <li class=" ">
                <a href="/layouts/">Layouts</a>
            </li>
          

            <li class="menu-item-divided">
                <a href="http://yui.github.io/skinbuilder/?mode=pure">Skin Builder</a>
            </li>

            <li>
                <a href="http://yuilibrary.com/">YUI Library</a>
            </li>
        </ul>
    </div>
</div>

From JR's : articles
93 words - 1544 chars
created on May 28, 2013 at 02:54:08 pm
updated on Jul 01, 2013 at 12:13:27 am
import date 2013-08-12 21:50:25 - #
source - versions - backlinks