jQueryslideToggle函数仅在相关元素上运行

我想slideToggle只在menu靠近任何点击menu-title元素的具体元素上运行jQuery 函数.

    
Menu 1
    

           1
        
        

           2
        
        

           3
        
    

 

    
Menu 2
    

            1
        
        

            2
        
        

            3
        
    




$('.menu-title').click(function(){
  $('.menu').slideToggle();
});

问题是当点击其中一个标题时,它正在处理所有ul元素.

你能指导我如何使每个ul分开工作吗？

使用兄弟姐妹的方法

$(this).siblings('.menu').slideToggle();

注意:你的html有错误,你忘了在html中关闭菜单类 - 应该是class="menu"- ,你的css也是错的,应该.dropdown .menu 不是.dropdown-menu.

代码:https://codepen.io/peker-ercan/pen/MPvgYp