Touch-Friendly Drop Down Menu Issue

Hello everyone,

I'm trying to make a mobile friendly version of a website I'm working on. I've been poking at the menus for a bit now and I'm struggling to solve what I feel is probably a simple issue.

I'd like users to be able to close the drop down menu when they touch anywhere on the screen. Currently, you're only able to close by touching the menu a second time.

Here's a simple codepen sample of what I'm working with:

http://codepen.io/notbaker/pen/inuBD

Any help would be greatly appreciated.