title: How to make a dropdown menu with jQuery
body: <p>I'm having trouble even getting started.</p>
  
  <p>I want to have a drop down menu that disappears (except for the top box) when you aren't hovering over it.</p>
  
  <p>That top box will appear with a blue background and white text, and an image.</p>
  
  <p>When you hover, that box will turn into a yellow pointing arrow box, and all of the other elements will show, and they will be in black.</p>
  
  <p>Everything will have an image (the now yellow top will keep the same image) and white text.</p>
  
  <p>How do I go about this?</p>
  
  <p>This is essentially what I have here - I'm assuming using jQuery to do this is best.</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li id="topitem"&gt;&lt;img src="blahblahblah1"/&gt;Setup Wizard&lt;/li&gt;
  &lt;li&gt;&lt;img src="blahblahblah2"/&gt;Language&lt;/li&gt;
  &lt;li&gt;&lt;img src="blahblahblah3"/&gt;Password&lt;/li&gt;
  &lt;li&gt;&lt;img src="blahblahblah4"/&gt;Bluetooth Devices&lt;/li&gt;
  &lt;li&gt;&lt;img src="blahblahblah5"/&gt;Network Config&lt;/li&gt;
  &lt;li&gt;&lt;img src="blahblahblah6"/&gt;Finish&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>