边栏手风琴状态和图标状态

Question

我创建了一个垂直手风琴菜单边栏。每个手风琴都是这样的：

图标 - 名称 - 图标箭头

<!-- for collapse state add 'very thin' to the sidebar class -->
<div class="ui vertical sidebar menu left overlay visible">
  <a class="item logo">title</a>
  <div class="ui vertical fluid inverted accordion menu">
    <div class="item">
      <a class="title">
        <i class="big home icon left"></i>
        <i class="dropdown icon"></i>
        Size
      </a>
      <div class="content">
        Content
      </div>
    </div>
  </div>
</div>

我想创建一个管理类型侧边栏，在鼠标悬停时它会展开以显示手风琴，在正常状态下它只显示图标。

我想知道如何在折叠模式下从侧边栏中删除文本。