Menu espandibile durante il caricamento della pagina

Question

Ho creato un mega menu nella nostra applicazione. Durante il caricamento della pagina, questo menu espande tutti gli elementi e quindi collassa (alla progettazione richiesta) dopo il caricamento della pagina. Questa espansione sta avvenendo per una frazione di secondi e sembra strana al cliente. Credo che sia un problema del browser. Cosa dovrebbe essere fatto per risolvere questo?

Nota: io sto usando i CSS per progettare il menu e applicato questo CSS nella mia pagina aspx in un'applicazione .NET

Answer 1

Nel foglio di stile, aggiungere visualizzazione

: nessuno

alla tua radice del menu. qui Suppongo che sia lista non ordinata

Questo è il modo, il tuo stile sarà

<ul id="menu" style="display:none">...</ul> 

aggiungere codice JavaScript nella tua pagina.

Se si utilizza JQuery. Prova questo,

jQuery(document).ready(function(){ 

jQuery('ul#menu').css('display','block'); 

}); 

Se non funziona, fornisci maggiori informazioni nella tua domanda.

Answer 2

Inizialmente impostare la visibilità del menu: nascosto e solo dopo il caricamento della pagina impostato a visibilità: visibile