Семантическая UI разборная карта?

Question

Есть ли способ заставить семантическую карту пользовательского интерфейса расширяться и сворачиваться (возможно, раздел description), например, Панель начальной загрузки ?

Образец:

HTML:

<div class="ui card">
    <div class="content">
      <img class="left floated mini ui image" src="//www.gravatar.com/avatar/0ba7243ec0ce737706a5bd88dd496878?r=g&amp;d=identicon&amp;s=24">
      <div class="right floated meta"><i class="chevron down icon"></i></div>
      <div class="header">
        <a href="/contacts/">First Last</a>
      </div>
       <div class="meta">
        Acme Fireworks
      </div>
    <div class="description">
      <table class="ui definition compact celled table">
        <tbody>
          <tr>
            <td><i class="fas fa-building"></i></td>
            <td>Acme Fireworks</td>
        </tr>
        <tr>
          <td><i class="fas fa-at"></i></td>
          <td><a href="mailto:first.last@acme.com">first.last</a></td>
       </tr>
     </tbody>
   </table>
 </div>
 </div><!-- content -->
 <div class="extra content">
   <span class="left floated">
     <i class="star icon"></i>Favorite
   </span>
 </div><!-- /extra content -->
</div>

Помимо переключения одной карты (через шеврон), есть ли способ сделать это для всех карт, возможно, кнопка на панели инструментов?

** edit **

Полуфункциональная скрипка , которая показывает / скрывает содержимое всех карточек.