如何给盒子内添加一个jquery折叠菜单栏完整代码

以下是一个基本的jQuery折叠菜单栏的示例代码，你可以根据需要进行修改：

HTML:

<div class="menu-container">
  <div class="menu-title">菜单</div>
  <ul class="menu-list">
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
  </ul>
</div>

CSS:

.menu-container {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  width: 200px;
}

.menu-title {
  cursor: pointer;
  font-weight: bold;
}

.menu-list {
  display: none;
}

.menu-list li {
  list-style: none;
  margin: 5px 0;
}

jQuery:

$(document).ready(function() {
  $('.menu-title').click(function() {
    $('.menu-list').slideToggle();
  });
});

这段代码会在页面加载完成后执行，当用户点击菜单标题时，菜单列表会展开或收起。