javascript toggle to jQuery slow toggle slide
<p>Hello I have a bullet tree that toggles fine, but I wanted to do a one of those sliding toggles that look pretty in jquery...can you help?</p>

<p>javascript:</p>

<pre><code>function toggle(id) {
  var e = document.getElementById(id);

  if (e.style.display == '')
    e.style.display = 'none';
  else
    e.style.display = '';
}
</code></pre>

<p>html:</p>

<pre><code>&lt;ul style="text-align: left;"&gt;
                    &lt;li&gt;
                    &lt;a href="#" onclick="toggle('node1')"&gt;All&lt;/a&gt; &lt;input type="checkbox" name="sors" value="A" checked="checked"/&gt;
                        &lt;ul id="node1" style="display:none"&gt;
                            &lt;li&gt;

                    &lt;a href="#" onclick="toggle('node2')"&gt;Organic&lt;/a&gt;
                        &lt;ul id="node2" style="display:none"&gt;
                            &lt;li&gt;MCA &lt;input type="checkbox" name="sors" value="A" checked="checked"/&gt;&lt;/li&gt;
                            &lt;li&gt;MCB &lt;input type="checkbox" name="sors" value="A" checked="checked"/&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                    &lt;li&gt;COMM &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;input type="checkbox" name="sors" value="A" checked="checked"/&gt;&lt;/li&gt;
                    &lt;li&gt;DMISA &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;input type="checkbox" name="sors" value="A" checked="checked"/&gt;&lt;/li&gt;
                        &lt;/ul&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
</code></pre>
