如何创建一个带有可点击标签的HTML复选框(这意味着单击标签将复选框打开/关闭)?

我有一个具有背景的div：透明，以及边框。在这个div下面，我有更多的元素。目前，当我在覆盖div外部单击时，我可以单击底层元素。但是，当我直接单击覆盖div时，我无法单击底层元素。我希望能够单击这个

我有一些HTML菜单，当用户单击这些菜单的头部时，我会完全显示这些菜单。当用户在菜单区域外单击时，我希望隐藏这些元素。jQuery是否可以实现这样的功能？