Close mobile menu?

Hi,

I am using an item in the menu to open a modal contact form, inspired by the contact-5.html example page:

<nav id="primary-menu">
    <ul class="one-page-menu" data-easing="easeInOutExpo" data-speed="1250" data-offset="65">
        <li><a href="#" data-toggle="modal" data-target="#contact-modal">Contact us</a></li>
    </ul>
</nav>

(My other menu items are left out for clarity and brevity.)

This works perfectly. However, on a mobile device (where the menu pops open after clicking the hamburger symbol) the menu remains open underneath the contact form and stays open after the form is submitted.

How can I have the menu close automatically when the contact form menu item is clicked?

• John.

The following JavaScript seems to do the trick in my case, but comments are still appreciated:

$("#primary-menu a").click(function() {
    if ($("body.primary-menu-open").length > 0) {
        $("#primary-menu > ul").toggleClass("show");
        $("body").toggleClass("primary-menu-open");
    }
});