title: Hide a list except the selected list option
body: <p>I need some help with a nested list, what I want to do is to show one of the list options and hide the rest of the list,  a great example that I saw was in the filesonic.com languages selector or netlog status change in the header.</p>
  
  <pre><code>&lt;ul class="links"&gt;
    &lt;li class="us"&gt;United States&lt;/li&gt;
    &lt;li class="canada"&gt;Canada&lt;/li&gt;
    &lt;li class="france"&gt;France&lt;/li&gt;
    &lt;li class="china"&gt;China&lt;/li&gt;
    &lt;li class="englande"&gt;England&lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <p>United States is the default but when someone click on France, the rest of the list will hide and show will show. </p>
  
  <p>thanks in advance.</p>