Treat responsive mobile nav differently

script.js

/*================================================================*/
/*	DESKTOP MENU
/*================================================================*/
if (document.documentElement.clientWidth > 767) { //if client width is greater than 767px

ddsmoothmenu.init({
	mainmenuid: "main_menu", 
	orientation: 'h',
	contentsource: "markup",
	showhidedelay: {showdelay: 300, hidedelay: 100} //set delay in milliseconds before sub menus appear and disappear, respectively
})

} // end if 


/*================================================================*/
/*	SWITCH TO MULIT-LEVEL ACCORDION when mobile
/*================================================================*/
if (document.documentElement.clientWidth < 767) { //if client width is less than 767px

$(document).ready(function() {

// accordion
$('.accordmobile').dcAccordion({
		eventType: 'click',
		saveState: false,
		autoClose: true,
		disableLink: false,
		speed: 'fast',
		showCount: false,
		autoExpand: false,
		classExpand	 : 'parent'
});

});	// end document ready
				
} // end if 


/*================================================================*/
/*	MOBILE NAV TRIGGER
/*================================================================*/
$(document).ready(function(){

$('.mobile_nav a').click(function(){
	$('#main_menu').slideToggle(400);
	$(this).toggleClass('active'); return false;
});