title: Toggle display:none style with JavaScript
body: <p>I want to change the style (second line below) to remove the <code>display: none;</code> part when the user clicks on the "Show All Tags" link. If the user clicks the "Show All Tags" link again, I need the <code>display: none;</code> text added back in to the "style..." statement. </p>
  
  <pre><code>&lt;a href="#" title="Show Tags"&gt;Show All Tags&lt;/a&gt;
  &lt;ul class="subforums" style="display: none; overflow-x: visible; overflow-y: visible; "&gt;
  </code></pre>
  
  <p>I've searched here and Google for an example I can apply to my situation. I've found plenty of examples using 2 DIV blocks to show/hide. I really need to do it this way, by modifying the html style element. Does anyone have an example (or provide a link to an example) that does this type of toggle wtih the <code>display: none</code> text.</p>