title: Accordion open/close all content button and more
body: <p>I have a responsive accordion function inside a website and i want to (open) and (close) all content with one button that also change his content name to (open) when all content is closed and (closed) when all content is open. </p>
  
  <p>Also now the content that already was opened closes again when using the (open) button and the plus and minus icons don't react the right way showing the (minus icon) when the content is closed and visa versa.</p>
  
  <p>Here is the <a href="http://jsfiddle.net/foroloca/w3srayj6/14/" rel="nofollow">fiddle</a></p>
  
  <p>Can someone help me with this?</p>
  
  <pre><code>// Accordion //
  
  $('.header').click(function(){
      $('.content',$(this).parent()).slideToggle();
      $(this).toggleClass('active');
  })
  
  $('.toggle-btn').click(function(){
      $('.content').slideToggle();
      $(this).toggleClass('active');
  })
  </code></pre>