如何在页面加载时隐藏Flowbite抽屉，仅在用户点击按钮时显示？

• 你改错对象了，要控制的是抽屉容器的类，不是按钮的。按钮只是触发切换的触发器，默认隐藏的逻辑得加在抽屉本身上。
• 正确的默认隐藏配置：
  1. 给抽屉容器加hidden类，这是Tailwind控制元素显示/隐藏的核心类，页面加载时直接隐藏
  2. 保留fixed left-0 top-0 -translate-x-full transition-transform这些类，保证抽屉的定位和滑入滑出动画
• 抽屉容器示例代码：

<div id="sidebar-drawer" class="fixed left-0 top-0 -translate-x-full transition-transform duration-300 hidden w-64 h-full bg-white shadow-xl z-50">
  <!-- 这里放抽屉里的内容 -->
</div>

• 按钮只需要保留Flowbite的触发器属性，不用乱加过渡类，示例：

<button data-drawer-toggle="sidebar-drawer" type="button" class="py-2 px-4 bg-indigo-600 text-white rounded-md">
  打开抽屉
</button>

• 最后确认你已经引入了Flowbite的JS文件，抽屉的切换逻辑是靠它的JS实现的，没加JS的话，点击按钮不会触发类的切换。

内容的提问来源于stack exchange，提问作者user3038515