Open Submenu on cick

I am using submenu’s, but would like the submenu to open on click

Main Nav Button
-Submenu1
-Submenu2

Right now when you hover submenu 1, it opens and show you submenu2. I would like to have to click submenu1 in order to show submenu2 (more mobile friendly)

I have created a child theme and have not changed anything else, except for trying to change this.

I have tried

(function($){
	$(document).ready(function(){
		$('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) {
			event.preventDefault();
			event.stopPropagation();
			$(this).parent().siblings().removeClass('open');
			$(this).parent().toggleClass('open');
		});
	});
})(jQuery);

as found here: https://www.bootply.com/97919 That it what I’m looking to accomplish.

I also attempted adding the CSS used in that example, as well as flat out replacing the submenu css with that of the example.