Collapse Details

                    <section class="p-6 max-w-md mx-auto">
  <!-- 使用details和summary标签的折叠组件 -->
  <details class="border border-gray-300 bg-white rounded-md overflow-hidden group">
    <!-- 标题部分 (summary标签) -->
    <summary class="p-4 font-semibold cursor-pointer list-none">
      How do I create an account?
    </summary>
    
    <!-- 内容部分 -->
    <div class="px-4 pb-4 text-sm">
      Click the "Sign Up" button in the top right corner and follow the registration process.
    </div>
  </details>
</section>

<style>
  /* 移除details的默认标记 */
  details > summary::-webkit-details-marker,
  details > summary::marker {
    display: none;
  }
</style>