Toggle form visibility with javascript
<p>I'm using this code to display several forms on my page based on the link chosen by the user:</p>

<pre><code>&lt;ul class="nav"&gt;
   &lt;li&gt;&lt;a href="#" onclick="$('#more_info').toggle(); return false;"&gt;
      More Information&lt;/a&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;a href="#" onclick="$('#road_test').toggle(); return false;"&gt;
      Book a Road Test&lt;/a&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;a href="#" onclick="$('#quote').toggle(); return false;"&gt;
      Request a Quote&lt;/a&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;a href="#" onclick="$('#offer').toggle(); return false;"&gt;
      Make an Offer&lt;/a&gt;
   &lt;/li&gt;
   &lt;li&gt;&lt;a href="#" onclick="$('#contact').toggle(); return false;"&gt;
      General Contact&lt;/a&gt;
   &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>The code works fine, the only issue I'm having with it is that if I select one form then select another one, the previously chosen form remains ie. if I select "More Information" then "Make an Offer", I'll get both forms instead of having just "Make an Offer".  How do I fix this?</p>
