How to show specific parts of a submenu in turn?

Question

JavaScript

first, by clicking on the item with the text, the block will show level-one
and so that it can be hidden by the second click -

then by clicking on Other - show level-two
by the second click - hide level-two
https://jsfiddle.net/pn17a3m8/1 /

Answer 1

$('.main-header__list').on('click', 'a', function(e) {
  e.preventDefault();
  $(this).next('.submenu').slideToggle();
});