title: jQuery | Click child, hides parent
body: <p>Hey, I have a list of using ul and li:</p>
  
  <pre><code>&lt;span class="important"&gt;Show/Hide&lt;/span&gt;
  
  &lt;div id="important" class="hidden"&gt;
      &lt;ul class="sub"&gt;
       &lt;li&gt;
              Value one
          &lt;/li&gt;
          &lt;li class="child"&gt;
              &lt;img src="../img/close.png" /&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  $(".important").click(function () {
    $("#important").slideToggle("fast");
  });
  </code></pre>
  
  <p>When the child (class="child") is clicked on, it should slide up the div (id="important"), however, there are other lists that have different IDs, I want the div to slide up when the child is clicked</p>
  
  <p>I did this:</p>
  
  <pre><code>$(".child").click(function () {
    $(".child &lt; div").slideUp("fast");
  });
  </code></pre>
  
  <p>I have no idea how to make it work, I've done other combinations, can't seem to do it.</p>