title: Disable section of HTML code when Javascript Disabled
body: <p>I'm currently making a website for a university project where I'm using a piece of Javascript ( <a href="http://buildinternet.com/project/supersized/" rel="nofollow">http://buildinternet.com/project/supersized/</a> ) in order to generate a background that is a gallery of several images.</p>
  
  <p>I'm trying to set the site so that it will display a single image as the background in the event of Javascript being turned off, but the navigation elements of this slideshow are generated using HTML code outside of the script tags and inside the body tag.</p>
  
  <p>Is there a way I can set this HTML code so that it will only be included when Javascript is active, leaving the screen clear of the navigation controls when it isn't?</p>
  
  <p>At request the code I'm trying to isolate is the Div tags being called below.</p>
  
  <p></p>
  
  <pre><code>&lt;!--Thumbnail Navigation--&gt;
  &lt;div id="prevthumb"&gt;&lt;/div&gt;
  &lt;div id="nextthumb"&gt;&lt;/div&gt;
  
  &lt;!--Arrow Navigation--&gt;
  &lt;!-- &lt;a id="prevslide" class="load-item"&gt;&lt;/a&gt;
  &lt;a id="nextslide" class="load-item"&gt;&lt;/a&gt;
  
  &lt;div id="thumb-tray" class="load-item"&gt;
      &lt;div id="thumb-back"&gt;&lt;/div&gt;
      &lt;div id="thumb-forward"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!--Time Bar--&gt;
  &lt;!--&lt;div id="progress-back" class="load-item"&gt;
      &lt;div id="progress-bar"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!--Control Bar--&gt;
  &lt;div id="controls-wrapper" class="load-item"&gt;
      &lt;div id="controls"&gt;
  
          &lt;a id="play-button"&gt;&lt;img id="pauseplay" src="img/pause.png"/&gt;&lt;/a&gt;
  
          &lt;!--Slide counter--&gt;
          &lt;div id="slidecounter"&gt;
              &lt;span class="slidenumber"&gt;&lt;/span&gt; / &lt;span class="totalslides"&gt;&lt;/span&gt;
          &lt;/div&gt;
  
          &lt;!--Slide captions displayed here--&gt;
          &lt;div id="slidecaption"&gt;&lt;/div&gt;
  
          &lt;!--Thumb Tray button--&gt;
          &lt;a id="tray-button"&gt;&lt;img id="tray-arrow" src="img/button-tray-up.png"/&gt;&lt;/a&gt;
  
          &lt;!--Navigation--&gt;
          &lt;ul id="slide-list"&gt;&lt;/ul&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>