ho un menu con sottomenu, le sottovoci nn devono essere visibili se nn cliccando sulla prima voce di ogni sottomenu

per via dell'accessibilità ho pensato bene di impostare nel
css -> visibility: visibile del sottomenu e modificarlo con una funzione in js ricahiamta al caricamento della pagina.
Questa funzione appunto cambia lo stile al sottomenu con un display:none

purtroppo fare un elenco dei tag <ul> verificare che siano quelli corretti e appliccare il nuovo stile sembrava un operazione laboriosa tanto che avveniva con un certo ritardo oppure con la sovrapposizione dei[*] e poi una correzione di questa vista.

Ho pensato di risolvere partendo con un display:none dal css e cambiarlo su richiesta con js

chi avrà js disabilitato nn potrà vederli se nn disattivando lo stile della pagina


c'è un modo per aiutare js a svolgere il lavoretto all'onload senza crearmi quei disagi sopra descritti?