JQuery toggle only childens

Question

У меня есть этот код jquery для переключения подменю на клик.

jQuery(document).ready(function($){ 
    $(".widget .menu-item-has-children").click(function() { 
     $(".widget .menu-item-has-children > .sub-menu").toggle(); 
    }); 
}); 

Но это отображение всех .sub-меню, а не только ссылки на детей. Как я могу поставить «только делать это детям» с помощью jquery?

Answer 1

jQuery(document).ready(function($){ 
    $('.widget .menu-item-has-children').click(function() { 
     // `this` refers to the current `.widget .menu-item-has-children` 
     $(this).children('.sub-menu').toggle(); 
    }); 
});