Адаптивное многоуровневое меню

При ширине более 1000px меню имеет горизонтальный вид. Меню может быть как статическим, прикрепленным к верхней части странички, так и обычным.

При наведении! мышки на пункт меню, выпадает подменю, если оно там есть. При наведении на пункт подменю, выпадает подменю, если оно там есть. Ссылки, встроенные в пункты меню, могут быть нацелены не только на переход к другим страничкам сайта, но и к определенному якорю на данной страничке, типа href="#about"

В любом случае при клике на любой пункт подменю - подменю должно "прятаться".

При ширине 1000px или менее - меню выглядит, как обычная кнопка в правом верхнем углу экрана. Оно также может быть как статическим, прикрепленным к верхней части странички - "fixed", так и обычным.

При клике! мышкой на кнопку, символизирующую меню - открывать меню с пунктами, расположенными вертикально.

При клике! на пункт меню - открывать подменю, если оно там есть. При клике на пункт подменю - открывать следующий уровень подменю, если они там имеются.

Если подменю нет, то переходить по ссылке или к якорю на данной страничке, при этом полностью скрывая меню, оставляя только кнопку, символизирующую меню.

При клике на разные пункты меню или подменю - скрывать аналогичные пункты подменю по принципу аккордеона.

Все вроде описал.

Посмотреть на меню, которое меня не совсем устраивает, можно по адресу: http://palmary.travel/country

Не устраивает, потому что при переходе к якорю при обычном меню подменю скрывается, а в "мобильном" варианте не скрывает меню...