Custom jQuery Pure Dropdown

From purcess ruby gem.

by imbolc

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/mseri/rails-purecss/master/app/assets/stylesheets/purecss-addons.css">
<script src="https://rawgithub.com/mseri/rails-purecss/master/app/assets/javascripts/purecss-dropdown.js"></script>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">
<div class="pure-g-r">
    <div class="pure-u-1">
        <div class="pure-menu pure-menu-open pure-menu-fixed pure-menu-horizontal">
            <div class="pure-menu-heading"><a href="#" id="logo">sample app</a>
            </div>
            <ul>
                <li><a href="#">Home</a>
                </li>
                <li><a href="#">Help</a>
                </li>
                <li><a href="#">Users</a>
                </li>
                <li class="pure-menu-separator"></li>
                <li class="pure-menu-can-have-children pure-menu-has-children"> <a href="#" data-toggle="dropdown">Account <span class="pure-custom-caret"></span></a>

                    <ul class="pure-menu-children">
                        <li><a href="#">Profile</a>
                        </li>
                        <li><a href="#">Settings</a>
                        </li>
                        <li><a href="#">Password</a>
                        </li>
                        <li class="pure-menu-separator"></li>
                        <li> <a href="#" data-method="delete" rel="nofollow">Sign Out</a>

                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
</div>