Menu #14

<nav class="vert-nav" role="navigation">
    <ul class="topmenu">
        <li><a href="#0">Home</a></li>
        <li>
            <a href="#0">About</a>
            <ul class="submenu">
                <li><a href="#0">Our Story</a></li>
                <li><a href="#0">The Team</a></li>
                <li><a href="#0">Core Values</a></li>
            </ul>
        </li>
        <li>
            <a href="#0">Projects</a>
            <ul class="submenu">
                <li><a href="#0">Wordpress</a></li>
                <li><a href="#0">Case Studies</a></li>
                <li><a href="#0">Products</a></li>
            </ul>
        </li>
        <li><a href="#0">Contact Us</a></li>
    </ul>
</nav>

.vert-nav a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vert-nav a {
    color: #3d9970;
    text-decoration: none;
    margin-bottom: 1em;
}
.vert-nav a:hover {
    color: #ff851b;
}
.vert-nav {
    width: 33%;
}

.vert-nav ul {
    list-style: none;
    padding: 0;
}
.vert-nav .topmenu li.openmenu > a {
    background: #50a37e;
}
.vert-nav .topmenu li.openmenu .sf {
    -webkit-transform: rotate(180deg);
}
.vert-nav .topmenu li {
    position: relative;
}
.vert-nav .topmenu li .sf {
    position: absolute;
    z-index: 9;
    top: 1em;
    right: 1em;
    color: #378a65;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
}
.vert-nav .topmenu li:last-child a {
    border-bottom: 0.2em solid #398e68;
}
.vert-nav .topmenu li a {
    margin: 0;
    padding: 1em;
    display: block;
    width: 100%;
    background: #3d9970;
    color: #fff;
    border-bottom: 0.1em solid #398e68;
}
.vert-nav .topmenu li a:hover {
    background: #50a37e;
}
.vert-nav .submenu {
    display: none;
}
.vert-nav .submenu li:last-child a {
    border-width: 0.1em;
}
.vert-nav .submenu li a {
    padding-left: 2.6em;
    background: #3b946d;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.vert-nav .submenu li a:hover {
    background: #3c976f;
}

$(".vert-nav .topmenu a").click(function () {
    var $menu = $(this).next(".submenu");
    $menu.slideToggle("slow");
    $menu.parent().toggleClass("openmenu");
});