title: jquery: select first child node
body: <p>lets say i have a tree of the following structure:</p>
  
  <pre><code>&lt;div&gt;node level1
       &lt;div&gt;node level2
            &lt;div&gt;node level3...etc
  </code></pre>
  
  <p>Is there a way in jQuery, that if div level1 is clicked, only divs of level2 respond?</p>
  
  <p>meaning: </p>
  
  <pre><code>$('div').click(function(){
  $('div').children(first div child).css('color','red');
  })
  </code></pre>
  
  <p>thanks for any input!</p>
  
  <p>::EDIT::<br>
  hey everyone, thanks for your patience and input. i stubbornly went about solving this problem, and it worked out. i just had to find a way to crack inside the structure of my tree and it all became very clear. <br><br>i basically wanted to find a way to make a superfish-esque tree collapse/expand without being stuck inside the "li ul li" examples i had been seeing as I felt they were a bit opaque.</p>
  
  <p><br><a href="http://jsfiddle.net/Qdqea/" rel="nofollow noreferrer">this fiddle</a> has my solution. note: i am assuming that if something has 0 children it will most likely be a link to be followed. i am sure with the structure I have set out, and your able minds will be able to solve this last step.</p>
  
  <p>thanks for all help and i look forward to any feedback. <br>final note: this can be easily soft coded to agree with any tree structure size. a while loop that acknowledges children or node clicked, that allows for concatenation and calls an eval function will be able to drill all the way down in the sub-nodes and make sure they are all hidden before the main node is also hidden.</p>
  
  <p>just a side thought.</p>