如何在点击项目时自动关闭移动菜单？

// HTML结构
<button id="menuButton">菜单按钮</button>
<ul id="menuList">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

// JavaScript代码
var menuButton = document.getElementById('menuButton');
var menuList = document.getElementById('menuList');

menuButton.addEventListener('click', function() {
  menuList.classList.toggle('active');
});

menuList.addEventListener('click', function() {
  menuList.classList.remove('active');
});

// HTML结构
<button id="menuButton">菜单按钮</button>
<ul id="menuList">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

// JavaScript代码
$(document).ready(function() {
  $('#menuButton').click(function() {
    $('#menuList').toggleClass('active');
  });

  $('#menuList li').click(function() {
    $('#menuList').removeClass('active');
  });
});

<!-- HTML结构 -->
<input type="checkbox" id="menuCheckbox">
<label for="menuCheckbox" id="menuButton">菜单按钮</label>
<ul id="menuList">
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

/* CSS样式 */
#menuCheckbox {
  display: none;
}

#menuButton {
  cursor: pointer;
}

#menuList {
  display: none;
}

#menuCheckbox:checked ~ #menuList {
  display: block;
}