I'm transforming a navigation from desktop to mobile with media queries. When the screen is bellow 990px the desktop nav is transformed to mobile and a slideToggle button appears that when clicked slides up and down the navigation tabs.

When the user clicks a tab on the mobile version of the navigation i want the navigation ul to slide back up.

I am able to do this but the problem is that when the user goes above 990px transforming the navigation to desktop, and i click a tab, the navigation slides up as well.

I only want to slide up the navigation on tab click when the browser is bellow 990px. And sort of disable the slideUp onclick when above 990px.

Here is what i currently have http://codepen.io/Jarolin/pen/qykCa