<div class="row show-for-medium collapse">
    <div class="columns">
        <ul class="dropdown menu expanded" style="padding: 5px 0" data-dropdown-menu>
            <li>
                <a href="#">Drop me down!</a>
                <ul class="menu">
                    <li>
                        <a href="#">WHY!</a>
                    </li>
                    <li>
                        <a href="#">Huh?</a>
                    </li>
                    <li>
                        <a href="#">Extra stuff!</a>
                    </li>
                </ul>
            </li>
            <li >
                <a href="#">Something</a>
            </li>
            <li >
                <a href="#">Stuff?</a>
            </li>
            <li >
                <a href="#">Cool Stuff</a>
            </li>
            <li >
                <a href="#">More Stuff</a>
            </li>
        </ul>
    </div>
</div>