Меню акардеон на примере WordPress

	jQuery('.widget_nav_menu ul.menu > li.current-menu-item').addClass('thisshow_icon');
	jQuery('.widget_nav_menu ul.menu > li.current-menu-parent').addClass('thisshow_icon');
	jQuery('.widget_nav_menu ul.menu > li.current-post-ancestor').addClass('thisshow_icon');

	jQuery('.widget_nav_menu ul.menu > li.menu-item-has-children').hover(
	function() {
		jQuery(this).addClass('thisshow');
		jQuery(this).addClass('thisshow_icon');
		jQuery(this).closest('ul.menu').find('li.menu-item-has-children:not(.thisshow)').find('ul').slideUp(90);
		jQuery(this).closest('ul.menu').find('li.menu-item-has-children:not(.thisshow)').removeClass('thisshow_icon');
		jQuery(this).children('ul').slideDown(90);
	},
	function() {
		jQuery(this).removeClass('thisshow');

	});

 

Запись опубликована в рубрике JavaScript с метками , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *