title: How to select and toggle hide on children divs of selected element in Jquery
body: <p>I'm quite new to Jquery and have a problem when I try to select child divs in my program. The point is to have a button that fires a jquery function. This function is meant to get all children divs from where the button is and hide them. Here is my jquery code:</p>
  
  <pre><code>$(".button").click(function () {
      $(this).children('div').fadeToggle("fast", function () {
      });
  });
  </code></pre>
  
  <p>My html is quite simple. A div within a div and within the second div are two more divs.</p>
  
  <pre><code>&lt;div class="clients&gt;
      &lt;input type="button" class="button" id="button" value="Hide Sites" autopostback="false"/&gt;
      &lt;div class="websites&gt;
          &lt;div class="urls"&gt;&lt;/div&gt;
          &lt;div class="data"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is not working though. I've tried using jquery.next and siblings but couldn't get these to work either. Jquery.closest looked upwards and found the container div (clients) but this wasn't what I needed either. Guys help? Thanks</p>