Estoy tratando de crear un menú desplegable horizontal, los elementos del menú desplegable pueden ser enlaces o submenús. Si son submenús, estos deben expandirse/desplegarse debajo del submenú, extendiendo efectivamente el menú desplegable original.

Tengo la funcionalidad que funciona como se requiere tanto para escritorio como para dispositivos móviles, esto se puede ver aquí "https://codepen.io/gav75/pen/MWvBawJ"

Problemas con lo que tengo en este momento:

• Los elementos del menú superior no se cierran cuando se abre otro menú superior
• El resaltado de desplazamiento no funciona en los elementos del submenú

Cualquier ayuda apreciada, gracias.