深入浅出Flask(37)： H-ui前端框架的折叠框

有时候会有比较多的内容要展示，但限制屏幕的面积有限，不能同时展示那么多内容，这时候就会需要使用折叠框的设计，动态地根据用户的需求来展示出来，让用户使用起来更加方便快捷。这种方式在导航和内容显示方面使用比较多。本文将来学习怎么样实现折叠框的实现，如下图所示：

在这里先要编写HTML代码：

<div class="l" style="width:48%">

        <p><strong>点击效果</strong></p>

<