Make a dropdown menu for use in the hippo toolbar (see screenshot)

Currently in the "hippo-toolbar" you have either buttons <a> or dropdown <select> boxes. The disadvantage of dropdown select boxes is that it costs two clicks to create for example a new folder. This is solved by creating a dropdown that is a button at the same time, it's a widely used interface element that can be setup as a reusable plugin. (see screenshot)

recommended html:
<ul class="hippo-toolbar-dropdown">
<li class="hippo-toolbar-dropdown-first"><a href="#">New document</a><a href="#">An image of a downwards pointing arrow</a></li>
<li><a href="#">New folder</a>
<!-- a new lists starts here, doesn't need the downwads pointing arrow -->
</li>
<li><a href="#">New image</a></li>
</ul>