实现可折叠部分的HTML代码

<div class="collapsible">
  <button class="collapsible-btn">展开/折叠</button>
  <div class="collapsible-content">
    <!-- 可折叠的内容 -->
    <p>这是可折叠的部分。</p>
  </div>
</div>

.collapsible-content {
  display: none; /* 默认隐藏可折叠内容 */
}

.collapsible-btn {
  background-color: #f1f1f1;
  color: #333;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
}

.collapsible-btn:hover {
  background-color: #ddd;
}

.collapsible-btn:after {
  content: '\002B'; /* 默认显示加号图标 */
  float: right;
}

.collapsible.active .collapsible-btn:after {
  content: '\2212'; /* 点击后显示减号图标 */
}

.collapsible.active .collapsible-content {
  display: block; /* 点击后显示可折叠内容 */
}