Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
When I use .hide() with jQuery, it doesn’t hide elements fast enough. I can see them all loading and being organized for another script that is also running. It looks really awkward.
Is there anyway to make .hide() actually hide elements before the document loads? I don’t want to do display:none since this would hurt SEO.
jQuery can’t do anything before the document completes at least a partial load – that’s how the ready() function works. However, you could use plain JavaScript executed before the jQuery ready function to hide the element you want hidden. Search engines typically ignore JavaScript, so you’d be safe.
Since we’re talking about JavaScript… is the “stuff” you’re hiding loaded in by scripts or is it static (in the context of the loaded document)? If the content is being loaded in by Ajax, I’m not sure a search engine would see it anyway, in which case you might just want to hide it with CSS and be done with it.