[EDGE STYlING] Fade out the widget menu when it's not hovered over

Code:

if != $('#left:hover').delay(5000).fadeOut('slow');

Code:

$(function() {
  $('.module_column').on('mouseout', function() {
    var t = this;

    window[t.id + '-fadeout'] = window.setTimeout(function() {
      var button = document.getElementById(/_panel/.test(t.id) ? t.id.replace(/_panel/, '_button').replace(/fae/, 'fa') : '') || $('.column_button_' + t.id)[0];

      if (button) {
        button.click();
      }
    }, 3000);

  }).on('mouseover', function() {
    window.clearTimeout(window[this.id + '-fadeout']);
  });
});

Code:

$(function() {
  $('.module_column').on('mouseout', function() {
    var t = this;
 
    window[t.id + '-fadeout'] = window.setTimeout(function() {
      var button = document.getElementById(/_panel/.test(t.id) ? t.id.replace(/_panel/, '_button').replace(/fae/, 'fa') : '') || $('.column_button_' + t.id)[0];
           
      button && button.className.indexOf('active') != -1 ? button.click() : window.clearTimeout(window[this.id + '-fadeout']);
    }, 3000);
 
  }).on('mouseover', function() {
    window.clearTimeout(window[this.id + '-fadeout']);
  });
});

Could you make a small adjustment to the script so that when someone has one of the side-panels open and clicks next to it, say anywhere on the body, it does the same without waiting 3 secs, please? i've seen something on the internet that may be of help: http://stackoverflow.com/questions/152975/how-do-i-detect-a-click-outside-an-element