title: :first-child toggle not functioning as expected in wordpress loop
body: <p>i have a group of 'question/answer' div pairings where the 'answer' div is hidden and shows when the 'question' div is clicked. the first pair in the set should load with the answer already open. outside of wordpress, this works as expected: <a href="http://jsfiddle.net/Y724r/1/" rel="nofollow">http://jsfiddle.net/Y724r/1/</a></p>
  
  <p>when i get that same code into the wordpress loop though, the last question loads open instead of the first: <a href="http://www.htcaz.com/web/?page_id=5" rel="nofollow">http://www.htcaz.com/web/?page_id=5</a>  (the pairing titled 'About HTC' is the one who's 'answer' div should be open on load, but its doing the last one instead)</p>
  
  <p>loop:</p>
  
  <pre><code>&lt;?php $subpages = new WP_Query("post_parent=5&amp;post_type='page'&amp;orderby=ID&amp;order=ASC");
  if($subpages-&gt;have_posts()) : while($subpages-&gt;have_posts()) : $subpages-&gt;the_post(); ?&gt;
     &lt;div class="post"&gt;
          &lt;div class="question"&gt;
              &lt;?php the_title(); ?&gt;
          &lt;/div&gt;
          &lt;div class="answer"&gt;
              &lt;?php the_content(); ?&gt;
          &lt;/div&gt;
     &lt;/div&gt;
  &lt;?php endwhile; endif; ?&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>jQuery(document).ready(function () {
  jQuery(".answer").hide();
  jQuery(".question").click(function () {
      jQuery(".answer").not(jQuery(this).next(".answer")).hide();
      jQuery(this).next(".answer").toggle();
  });
  jQuery('.question:first-child').trigger('click');
  });
  </code></pre>