$(".gn-icon-menu").click(function() {
 $(this).toggleClass("on");
});

$(document).click(function() {
    if ($(".gn-icon-menu").hasClass('on')) {
        $(".gn-icon-menu").removeClass('on');
    }
});

$(".gn-icon-menu").click(function(event) {
    event.stopPropagation();
    $(this).toggleClass("on");
});

$('body').click(function(evt){
    if(evt.target.class == ".gn-icon-menu")
       return;
    $(".gn-icon-menu").removeClass('on')
 });

 $(".gn-icon-menu").click(function(e) {
  e.stopPropagation()
  $(this).toggleClass("on");
 });

$("body").not(".gn-icon-menu").click(function() {
   $(".gn-icon-menu").removeClass("on");
});

$(".gn-icon-menu").click(function(e) {
    e.stopPropagation();
  $(this).toggleClass("on");
});