title: How to show a nested div on hover? -- JQuery beginner
body: <p>I have a long list of HTML in this format:</p>
  
  <pre><code>&lt;div id="item555"&gt;
      Some name
      &lt;a href=""&gt;show details&lt;/a&gt;
      &lt;a href="" id="button555"&gt;Action&lt;/a&gt;
  &lt;/div&gt;
  &lt;div id="details555"&gt;
      Some details
  &lt;/div&gt;
  </code></pre>
  
  <p>I can't figure out how to:</p>
  
  <ol>
  <li>Show the <code>Action</code> button only when the item div is hovered.</li>
  <li>Show the <code>Details</code> box when the <code>Show details</code> link is clicked.</li>
  </ol>
  
  <p>I know this is really basic js stuff! :(</p>