Menu on tablet

maybe I found a solution
I worked on a jquery snippet found on web

add_action('wp_head', 'mobile_menu');
function mobile_menu() {
if(wp_is_mobile()) :?>
                 <script>

function isTouchDevice(){
    return typeof window.ontouchstart !== 'undefined';
}

jQuery(document).ready(function($){
jQuery("li.menu-item-has-children  > a").removeAttr("data-target").removeAttr("data-toggle").removeClass("clicked");

    if(isTouchDevice()) {
        jQuery("li.menu-item-has-children  > a").click(function(event) {
			if(jQuery( document ).width() > 979)
			{
				jQuery("li.menu-item-has-children > a").not(this).removeClass("clicked");
				jQuery("li.menu-item-has-children > a").parents().removeClass("open");

				jQuery(this).toggleClass("clicked");
				if (jQuery(this).hasClass("clicked"))
				     {
					   event.preventDefault();
					    jQuery(this).parents().addClass("open");
					 }
			} 

        });
		jQuery("#main-wrapper").click(function(event) {
			jQuery("li.menu-item-has-children > a").parents().removeClass("open");
			jQuery("li.menu-item-has-children > a").removeClass("clicked");
		 });
    }
});

</script>

<?php 

endif;
}

I tried on IPad and it work fine.
could someone more experienced than me see if there’s something wrong or if the code can be written better?