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

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";

//}