title: jQuery slideToggle confusion
body: <p>My problem:
  Each individual header section opens a content section. One button expands and collapses all those sections. However, the button is not functioned the way I would like it. Instead, it opens all the closed sections and if any section was left open - it closes it.</p>
  
  <p>Code:</p>
  
  <pre><code>$(".panelStyle").hide();
  $("#ExpandAndCollapseButton").click(function () {
      $(".panelStyle").slideToggle("medium");
  });
  $(".sectionLabels").click(function () {
      $(this).next(".panelStyle").slideToggle("medium");
  });
  </code></pre>