Jquery, show and hide divs

I have been using a jquery based plug-in, and what i would like to do is degrade it, so a non js enabled browser will hide the relevant div when js is not enabled, and show a different div with appropriate message content.

i have followed a couple of tut’s which do this on click, but i would like this to occur on page load.


I managed to do the css bit, the problem I was having was unhiding it, as i found i needed a different approach with jquery.

i managed to do this with .show() after the $(document).ready(function()

how about creating a class with display:none; and on page load remove that class. If js isn’t enabled, it’ll still show.