title: Creating a dropdown button with just HTML & CSS?
body: <p>Is it possible to create a button with a dropdown menu with just HTML &amp; CSS?</p>
  
  <pre><code>&lt;a id="TakeAction"&gt;Take Action&lt;/a&gt;
  
  &lt;ul id="actions"&gt;
    &lt;li&gt;action 1&lt;/li&gt;
    &lt;li&gt;action 2&lt;/li&gt;
     ...
  &lt;/ul&gt;
  </code></pre>
  
  <p>When the link is clicked (hover is fine too, but click is preferred), I want ul#actions to show, where I can then chose my action.  I tried to do something like this, but the menu (ul#actions) disappears when the cursor moves out of the button.</p>
  
  <pre><code>ul#actions
  {
      display:none;
  }
  #TakeAction:hover + ul#actions
  {
      display: block;
  }
  </code></pre>
  
  <p>Do I need javascript/jquery to do something like this?</p>