如何在用户单击浏览器外部的任意位置时关闭div元素，以及如何使菜单上的切换生效

// 获取div元素
var divElement = document.getElementById('your-div-id');

// 监听浏览器的点击事件
document.addEventListener('click', function(event) {
  // 判断点击的目标元素是否在div元素内部
  var isClickInsideDiv = divElement.contains(event.target);

  // 如果点击的目标元素不在div元素内部，则关闭div元素
  if (!isClickInsideDiv) {
    divElement.style.display = 'none';
  }
});

// 获取菜单项的DOM元素
var menuItems = document.getElementsByClassName('menu-item');

// 监听菜单项的点击事件
for (var i = 0; i < menuItems.length; i++) {
  menuItems[i].addEventListener('click', function(event) {
    // 切换相关内容的显示与隐藏
    var targetId = event.target.getAttribute('data-target');
    var targetElement = document.getElementById(targetId);

    if (targetElement.style.display === 'none') {
      targetElement.style.display = 'block';
    } else {
      targetElement.style.display = 'none';
    }
  });
}