jQuery to hide all row classes except 'row2' only when the parent class is viewContainerTop
<p>I've been to <a href="http://stackoverflow.com/questions/394470/jquery-select-class-inside-parent-div">jquery select class inside parent div</a> and <a href="http://stackoverflow.com/questions/287875/testing-objects-for-ancestor-descendent-relationship-in-javascript-or-jquery">Testing objects for ancestor/descendent relationship in JavaScript or Jquery</a> and <a href="http://stackoverflow.com/questions/1389005/jquery-wild-card-character">jQuery wild card character</a> but can't seem to fit the pieces together.  Thanks.</p>

<pre><code>&lt;div id="viewContainerTop" class="top"&gt;
  &lt;div class="row1"&gt;&lt;/div&gt;
  &lt;div class="row2"&gt;&lt;/div&gt;
  &lt;div class="row2"&gt;&lt;/div&gt;
  &lt;div class="row2"&gt;&lt;/div&gt;
  &lt;div class="row3 first"&gt;&lt;/div&gt;
  &lt;div class="row3"&gt;&lt;/div&gt;
  &lt;div class="row3"&gt;&lt;/div&gt;
</code></pre>

<p></p>
