TopBar: With 2 or more dropdowns in one dropdown, these dropdowns will overlap when clicked.

JS Bin : http://jsbin.com/AlOnuvo/1
(Repo is just cloned, normalize.scss and foundation.scss compiled and uploaded to DropBox. JavaScript pulled straight from master in the repo through rawgithub.com.)


With just one further dropdown (**&raquo;**) in any dropdown, all is OK.

But with 2 or more dropdowns (**&raquo;**) in any dropdown, these dropdowns remain open and overlap when clicked.
```Main Item 1``` : No dropdowns. No issues.
```Main Item 2``` : Dropdowns containing just one further dropdown. No issues.
```Main Item 3``` : First dropdown contains 2 further dropdowns. Issues.
```Main Item 4``` : First dropdown contains 3 further dropdowns. Issues. Dropdown of menu item ```(((Dropdown #1)))``` contains 2 further dropdowns. Issues.

Menu items with further dropdowns and issues are named ```(((Dropdown #1)))```, ```(((Dropdown #2)))```, and ```(((Dropdown #3)))```.

Also there is odd closing behaviour. Possibly related.
With **all** dropdowns of one menu item opened and overlapped, clicking again on one of them closes the lot. Only when all are opened, before that clicking won't close them.
Check with ```Main Item 4```.