Как этот JavaScript код переписать в JQuery?

function subnav() {
$('.header-nav-list-item.subnav').on("click", function() {
$('.header-nav-list-subnav-menu').hide(); // Скрыть все подменю
$(this).find(".header-nav-list-subnav-menu").show(); // Показать подменю только для текущего элемента
});

$(document).on("click", function(e) {
if (!$(e.target).closest('.header-nav-list-item.subnav').length) {
$('.header-nav-list-subnav-menu').hide(); // Скрыть подменю при клике вне области меню
}
});
}