Cover up "white flash" when menu loads.

[norman]

A large menu may display a disconcerting white background (or whatever colour your page background is) when the menu is loading.
This can be covered up by doing the following:
Go to Design / Library / layouts / AccordionJQ / Accordion Menu.
Around line 14 is:

Code: Select all

<div class="dpaccordion">

Change it to:

Code: Select all

<div class="dpaccordion dpaccinitial">

Go to Design / Library / layouts / AccordionJQ / Accordion Setup.
Around line 29 is:

Code: Select all

</style>

Immediately above it add a line:

Code: Select all

	.dpaccinitial {background:#8aa8c4;}

Change the 8aa8c4 above to the background colour you want to see while the menu loads.

Around line 34 is:

Code: Select all

		$('#dpacmn').accordion({ 	// enable top-level accordion

Change it to:

Code: Select all

		$('#dpacmn').accordion({activate: function( event, ui ) { $( "div.dpaccinitial" ).removeClass('dpaccinitial') }, 	// enable top-level accordion