sliding up down DIV on click with more categories <p>I have very little understanding of javascripting so i would really appreciate it if someone helps me out</p> <p>i would like this effect <a href="http://jsfiddle.net/dJS4g/" rel="nofollow">http://jsfiddle.net/dJS4g/</a> but instead of one link i would like to have 6 links that will show different content on click </p> <pre><code>javascript $(function() { $("a#toggle").click(function() { $("#contact").slideToggle(); return false; }); }); html &lt;div id="contact"&gt; Contact me! &lt;/div&gt; &lt;a href="#" id="toggle"&gt;Contact&lt;/a&gt; css #contact { display: none; background: grey; color: #FFF; padding: 10px; } </code></pre> <p>**</p> <blockquote> <p>FOUND WHAT I WAS LOOKING FOR HERE <a href="http://jsfiddle.net/jakecigar/XwN2L/2154/" rel="nofollow">http://jsfiddle.net/jakecigar/XwN2L/2154/</a> THANK YOU EVERYONE FOR YOUR HELP</p> </blockquote> <p>**</p>