title: Why wont $(this).children() work for me?
body: <p>EDITED*** Thank you for the help below. I understand $(this).children() now and I have it working... somewhat. I need some help to get it 100%.</p>
  
  <p>I have a list of icons and upon clicking, I have it set up to open a tooltip and dropdown menu beneath the respective icon.</p>
  
  <p>All the icons have the same class. All the dropdowns look the same (and have the same class) and I am using one class in the jQuery code for the tooltip and dropdown.</p>
  
  <p>I see now that by using .children() that it will pull the direct child first. It is working with .hover() to show the tooltip. However, for the other effects (widening tooltip, sliding dropdown, you can see in the code), nothing happens upon .click(). I added $(this).children() consistently so not sure why it works in one place but not another. Any and all help is greatly appreciated. Thank you for the help thus far as well.</p>
  
  <p>Now for the code... 
  (forgive me for the indentation not being great, I'm not sure if I'm the only one who experiences problems copy/pasting things into here, but it always gets screwed up. I have fixed it some, but not 100%)</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="topIcon"&gt;
  
      &lt;a href="stream.html"&gt;&lt;img src="icons/stream16lg.png" /&gt;&lt;/a&gt;
      &lt;div class="topIconNew"&gt;&lt;/div&gt;
      &lt;div class="topTip"&gt;
          &lt;div class="topTipText"&gt;Stream&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="topDrop"&gt;What's up&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function() {
  
  var clicked = false;
  
  // tooltip hover
  
  $("div.topIconNew, div.topIcon, div#topSend, div#topTool").hover(
  function(){$(this).children("div.topTip").show();},
  function(){
      if(!clicked) {
          $(this).children("div.topTip").hide();
          $(this).children('div.topTip').hide();
      }
  }
  );        
  
  //tooltip widening and dropdown menu
  
  $("div.topIconNew").click(function(){
  
      //permanent tooltip
      $(this).children("div.topTip").show();  
      $(this).children("div.topTip").animate({width:320,marginLeft:-240},"fast");
      $(this).children("div.topDrop").slideDown(240);
      clicked = true;
  });
      $("div.wrapper").click(function(){
  
      //hide dropdown (hide simultaneously)
  
      $(this).children("div.topDrop, div.topTip").hide();
  });
  
  });     
  </code></pre>