Почему открываются все submenu?

Question

[dim5on]

Здравствуйте ! Подскажите пожалуйста делаю сайдбар аккордеон сейчас при клике на sidebar-toggler
открываются все sub-menu как сделать что бы открывался только тот на который кликнул добавлялся
sidebar-toggler-open на элемент по которому кликнули.

jQuery(document).ready(function() {	

   jQuery('.sidebar-toggler').on('click', function(){
		if (jQuery('.sidebar-toggler').hasClass('sidebar-toggler-open')) {
			jQuery('.sidebar-toggler').removeClass('sidebar-toggler-open');
			jQuery('#menu-menusidebar .menu-item-has-children .sub-menu').slideUp();

		}
		else {
			jQuery(' #menu-menusidebar .menu-item-has-children .sub-menu').slideDown();
            jQuery('.sidebar-toggler').addClass('sidebar-toggler-open');
		}
	});

});

Answer 1

[4mobile]

попробуйте так

jQuery(document).ready(function() {	

   jQuery('.sidebar-toggler').on('click', function(){
    if (jQuery(this).hasClass('sidebar-toggler-open')) {
      jQuery(this).removeClass('sidebar-toggler-open');
      jQuery('#menu-menusidebar .menu-item-has-children .sub-menu').slideUp();

    }
    else {
      jQuery(' #menu-menusidebar .menu-item-has-children .sub-menu').slideDown();
            jQuery(this).addClass('sidebar-toggler-open');
    }
  });

});

и открывать сабменю тоже относительно this, не видно какая у вас структура
т.е. эти строки тоже заменить
jQuery('#menu-menusidebar .menu-item-has-children .sub-menu').slideUp();
jQuery(' #menu-menusidebar .menu-item-has-children .sub-menu').slideDown();