Make Bootstrap 3 navigation hover on desktop, but click on mobile

fix.js

jQuery(function($){
			
	$("ul li").click(function(event){				
		if( $(window).width() > 768 && event.target.className == "dropdown-toggle" ){
			return false;
		}
	});
			
	$(window).resize(function(){
		if( $(window).width() > 768 ){
			$("ul.dropdown-menu").css({display:'none'});
			$("li.dropdown.open").removeClass('open');
		}else{
			$("ul.dropdown-menu").removeAttr('style');
		}
	});
			
})

style.css

.nav>li>a:focus {background:none}

@media (min-width: 768px) {
	#nav .navbar li:hover ul.dropdown-menu {visibility: visible;display:block!important}
	#nav .navbar li span {display:none}
}