javascript スマホのメニューJS

Posted 2021-05-03

$("#global-nav-button").click(function() {
	$(this).toggleClass("active");
	$(".global-nav").slideToggle();
	return false;
});
$(".menu-item-has-children > a .child-menu-button").click(function() {
	var menuItemHasChildren = $(this).closest(".menu-item-has-children");
	var subMenu = $(this).closest("li").find("> .sub-menu");
	if (menuItemHasChildren.hasClass("active")) {
		// 先にメニューを閉じる
		subMenu.slideToggle('normal', function() { menuItemHasChildren.removeClass("active"); });
	} else {
		menuItemHasChildren.addClass("active");
		subMenu.slideToggle();
	} 

	
	//$(this).closest(".menu-item-has-children").toggleClass("active");
	//$(this).closest("li").find("> .sub-menu").slideToggle('normal', function() { 
	//	$(this).closest(".menu-item-has-children").toggleClass("active");
	//} );
	return false;
});