> ## Content Index > Fetch the complete content index at: https://blog.tsd.digital/llms.txt > Use this file to discover other available public pages before exploring further. # Stop jQuery.hide() showing the elements on page load - URL: https://blog.tsd.digital/stop-jqueryhide-showing-the-elements-on-page-load/ - Published: 2010-04-21T20:30:25.000Z - Updated: 2010-04-21T20:30:25.000Z - Author: Tim Gaunt - Tags: Development, JavaScript, Web Development, #Import 2025-04-01 05:37 This is a great little tip that [Andy Higgs](http://justbeyondthebridge.co.uk/?ref=blog.tsd.digital) shared with me a couple of months ago while we were developing [Crisis Cover](http://www.crisiscover.co.uk/?utm%5Fsource=The%2BSite%20Doctor&utm%5Fmedium=Blog&utm%5Fcampaign=Tim%27s). If you write jQuery that hides the div when the user has JavaScript enabled, you can avoid the divs all being shown while the page loads by simply adding a class to the body of the page using jQuery and hide it using CSS like so:

This paragraph is hidden if the user has JavaScript enabled.

Then you just need to add the css: .js .jsHide Your divs will now be hidden until you show them with JavaScript. Nice, simple solution to an ever annoying problem. Note: For my demo to work you'll need to include jQuery **Update:** As pointed out by Petr below and Andy Higgs/Trevor Morris, it would be better to target using JavaScript without jQuery and target the body for maximum flexibility (note the space at the front in case there is already a class):