title: HTML/CSS How to make menu slide up when menu item is clicked?
body: <p>Like the title says, I have a sidebar menu that I'm trying to get to completely slide up and out of sight when one of the menu items, blog, is clicked. Similar to this jsfiddle I found (preferrably without js simply bc I hardly know it, but if that's the only way no big): <a href="http://jsfiddle.net/pbatey/duZpT/" rel="nofollow">fiddle</a>  ; except my menu is already open and you will be clicking an item inside the menu to slide it up. I'm trying to get the menu to slide up slowly.
  The menu looks like this:</p>
  
  <h2>Logo</h2>
  
  <ul>
  <li>home</li>
  <li>blog</li>
  <li>instagram</li>
  <li>about</li>
  <li>store</li>
  <li>portfolio</li>
  <li>contact</li>
  </ul>
  
  <p>Everything I try changes the whole layout of the sidebar, which I don't want. Here's some of my code:</p>
  
  <pre><code>&lt;div id="sidebar"&gt; 
          &lt;div id="navigation"&gt;
            &lt;div id="logo"&gt;
            &lt;img src="Logos/headerlogo.jpg" width="208" height="80" longdesc="Logos/headerlogo.jpg"&gt;
          &lt;/div&gt;
      &lt;hr size=1 width=179 align=left style="margin-left:17px; margin-bottom:20px"&gt;
  &lt;div class="menu"&gt;
      &lt;ul class="first" &gt;
      &lt;li&gt; &lt;a href="" title="" runat="server"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt; &lt;a href="" title="" runat="server"&gt;Blog&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt; &lt;a href="" title="" runat="server"&gt;Instagram&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt; &lt;a href="" title="" runat="server"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt; &lt;a href="" title="" runat="server"&gt;Store&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt; &lt;a href="" title="" runat="server"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt; &lt;a href="" title="" runat="server"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have some other code in there like a search bar, etc. but this is basically what I'm trying to get to roll up slowly when 'blog' is clicked. Any guidance is appreciated!</p>