我已经实现点击按钮显示和隐藏菜单，但是实现点击其他位置和向下滑动菜单会消失，怎么去实现？

Question

我已经实现点击按钮显示和隐藏菜单，但是实现点击其他位置和向下滑动菜单会消失，怎么去实现？

演示效果：http://es.xiaojukeji.com/换成移动端

$('#buttonID').click(function(){
	var box = $('.side-nav');
	$('.side-nav').css('margin-left') =='-15px' ? box.css('margin-left','-235px') : box.css('margin-left','-15px');
})

Answer 1

// // var sidebox = { //      close: function() { //          if ($('.huadi-nav').css('margin-left') == '-15px') { //              $('#buttonID').trigger('click'); //          } //      } //  }; //  $('body').on('click','.sidebox', function(event){ //      if (!$(event.target).closest('.huadi-nav').length) { //          $('.huadi-nav').css('margin-left', '-235px'); //      } //  }); //  $(window).scroll(function(event) { //      sidebox.close();               //当屏幕滚动的时候关闭窗口，如不需要则注释这句 //  }); //  $(window).on('resize.sidebox',function(event){ //      if($('body').width()>=980){   //当屏幕调整大小时，当宽度>=980时，关闭窗口，如不需要则注释这句 //          sidebox.close(); //      } //  }); //  $('#buttonID').on('click.sidebox', function(event) { //      var box = $('.huadi-nav'); //      $('.huadi-nav').css('margin-left') == '-15px' ? box.css('margin-left', '-235px') : box.css('margin-left', '-15px'); //      return false; //  });//document.getElementById("buttonID").onclick = function(){// document.getElementById("sideID").style.margin= "0 0 0 -15px";//}