Hi everyone!
I'm a jQuery newbie, so I apologize if this is an easy question!
I'm building a template for newspaper sites, and by nature of having many
ads and modules and so forth, the content loads before the jQuery that
styles it, leading to a flash of unstyled content.
So, on several of my modules that use a lot of jQuery, I'd like to hide them
until they are loaded.
Right now, I'm trying to do this:
$('tn-hide').css('display', 'none').addClass('tn-loading');
$(document).ready(function() {
$('tn-hide').css('display', 'block').removeClass('tn-loading);
});
I'd like to be able to simply apply the 'tn-hide' class to any module I'd
like to hide until loaded on the page.
It is my (limited) understanding that the first line will go into effect
when the DOM is ready and the second when the document is ready.
Anyway, right now it isn't working. I'd appreciate it if you could give me
any insight on this or let me know if I'm heading in the right direction.
If it helps, here is my page: http://blueprints.townnews-cms.com/
----------------------------------------------------------------------------
Christine Masters, Product Manager, TownNews.com
cmast...@townnews.com | 1-800-293-9576 x1022
Twitter: c_masters
----------------------------------------------------------------------------
