Сделать двойное поведение ссылки

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

Хочется реализовать такое поведение: через ::before (::after) добавить стрелочку, при нажатии на которую будет переходить на страницу. При нажатии на сам пункт должны показываться/скрываться подчиненные ссылки.

Меню имеет такую разметку:

....
<li> <a class="parentmenu" href="...">Родитель 1</a> <ul><li>--подчинённые ссылки-- ... <li></ul></li>
<li> <a class="parentmenu" ....