Home/ Questions/Q 5978719
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T21:33:25+00:00

I have a module on my website that loads quite strangely, so I want

  • 0

I have a module on my website that loads quite strangely, so I want to hide the div while the page loads, then reveal it on document ready. The following (simplified) code works just fine:

<div class="slideshow" style="display:none;">
  This div should be hidden during load
</div>

<script type="text/javascript">
  $(document).ready(function() {
    $('.slideshow').show();
  });
</script>

This works as intended. But what happens to users with Javascript disabled? Will the div remain hidden to them? How can I make sure all users will see the widget?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A quite common way is, to add a class .nojs to your <body> or <html> element and remove it via Javascript e.g. onload. Like this you can simple handle the two different states via CSS:

    .slideshow {
  display: none;
}

html.nojs .slideshow {
  display: block;
}

    Might want to try http://www.modernizr.com/ in this context.

    • 0