title: Don't display list element until link clicked
body: <p>Can anyone tell me if there is either a CSS (preferably) or JS solution to not displaying list element id="two" in the code below until link "#two" in the following  has been clicked (removing element id="one" in the process). In this, note that I need the list element to not be displayed at all rather than simply hidden in the page view.</p>
  
  <p>I'm happy to explain why I need this bizarre behaviour if someone can provide a working solution; I'm just thinking around a problem in another, unanswered, SO question of mine...</p>
  
  <pre><code>&lt;div id="gallery"&gt;
  &lt;ul id="gallery-interior"&gt;
  &lt;li id="one"&gt;&lt;img src="../images/normal_1"&gt;&lt;/li&gt;
  &lt;li id="two"&gt;&lt;img src="../images/notmal_2"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  
  &lt;div&gt;
  &lt;a href="#one"&gt;&lt;img src="../images/thumb_1.jpg"&gt;&lt;/a&gt;
  &lt;a href="#two"&gt;&lt;img src="../images/thumb_2.jpg"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>