title: Removed class when click outside div but keep removed when div is closed
body: <p>I have a div which open when I click on the question mark icon (upper right of the document).
  When clicked I add a class which transform the question mark icon in close icon.
  When I click outside the div, the div closed and the class is removed, closed icon becomes the question mark icon.
  But now when I click in the document, it add and removed the class whenever the div is open or closed.</p>
  
  <p>If anybody have an idea how I can removed the class when cliked on the document only when the div is open.
  Thanks</p>
  
  <pre><code>jQuery('.showmenu').click(function(e){
        e.stopPropagation();
        jQuery('.about-btn').toggleClass( "active");
        jQuery('.about').slideToggle('fast');
    });
  
  jQuery('.about').click(function(e){
      e.stopPropagation();
  });
  
  jQuery(document).click(function(){
  jQuery('.about-btn').toggleClass( "active");
     jQuery('.about').slideUp('fast');
  });
  </code></pre>