John, The correct and best practice way is to use display:none on all the divs that you want to use as show hide, especially if you want them hidden as the page loads. There is no known method that will allow the browser to hide elements on the page when loading, they take the instructions by the style sheet and if it is set to be shown, then you will continue to see the div when the page is loading.
-- Regards, Andrew Scott WebSite: http://www.andyscott.id.au/ Google+: http://plus.google.com/113032480415921517411 On Mon, Dec 17, 2012 at 6:09 AM, John M Bliss <bliss.j...@gmail.com> wrote: > > Hi! I'm using jquery to show/hide div containing primary nav. The problem > is that, on "heavier" pages, the code below does not perform the initial, > "ready" hide fast enough so you can see the nav flash on before it's > hidden. What's the best way to address this issue? > > <head> > <script> > $(document).ready(function () { > $( "#mymenu" ).hide(); > }); > </script> > </head> > > <div id="mymenu" class="mymenuclass" onmouseover="$( '#mymenu' ).show();" > onmouseout="$( '#mymenu' ).hide();"> > the menu > </div> > > -- > John Bliss - http://about.me/jbliss > > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:353501 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
