Меню открывается и закрывается

Пытаюсь сделать двохуровневое адаптивное меню. Вроде что-то получилось, но есть проблема, когда первый раз нажимать на пункт меню, то оно открывается и сразу закрывается, а потом работает нормально.

$('.menu__header-btn').on('click', function(){
  $('.menu__header-list').slideToggle();
});
$('.drop__down-menu').on('click', function(){
  $(this).children('.drop__down-list').slideToggle();
});

Вот код - https://codepen.io/Dasha_Novikov/pen/NWPpWaK