title: Jquery toggle issue not closing everything or opening
body: <p>I have the following code which toggles fine. I can toggle individually and toggle all together at the same time.</p>
  
  <p>the problem arises when i have one of the individual items open, so when i select toggle all. it closes the opened ones and opens the closed one.. which i dont want to happen.</p>
  
  <p>I want all opened items to close and also keep the existing closed items close and same for open, open all item and also keep any exiting items open.</p>
  
  <p>Here is my fiddle demo and code below:</p>
  
  <p><a href="http://jsfiddle.net/dev2020/rtxmpq8h/39/" rel="nofollow">DEMO</a></p>
  
  <p>Javascript</p>
  
  <pre><code>function toggle()   {
      $("#showhide").click(function(){
          $("#lorem1").toggle(1000,function(){
              $("#231-minus").toggle();
               $("#231-plus").toggle();
          });
  
           $("#lorem2").toggle(1000,function(){
              $("#500-minus").toggle();
               $("#500-plus").toggle();
          });
           $("#lorem3").toggle(1000,function(){
              $("#850-minus").toggle();
               $("#850-plus").toggle();
          });
      });
  
  
  }
  
  
  $(document).ready(function(){
      toggle();
  
  
  
        $("h3.viol-header1").click(function(){
         $("#lorem1").toggle(1000,function(){
               $("#231-minus").toggle();
               $("#231-plus").toggle();
          });
        });
  
            $("h3.viol-header2").click(function(){
         $("#lorem2").toggle(1000,function(){
              $("#500-minus").toggle();
               $("#500-plus").toggle();
          });
        });
  
                $("h3.viol-header3").click(function(){
         $("#lorem3").toggle(1000,function(){
              $("#850-minus").toggle();
               $("#850-plus").toggle();
          });
        });
  
  });
  </code></pre>