Geniş menü

<nav class="trds-genis-menu" aria-label="Ana konular" data-trds="genis-menu">
  <div class="trds-kap trds-genis-menu__ic">
    <button class="trds-genis-menu__dugme" type="button" aria-expanded="false" aria-controls="gm-calisan">Çalışan</button>
    <button class="trds-genis-menu__dugme" type="button" aria-expanded="false" aria-controls="gm-emekli">Emekli</button>
    <a class="trds-genis-menu__dugme" href="#">İletişim</a>
  </div>
  <div class="trds-genis-menu__panel" id="gm-calisan" hidden>
    <div class="trds-kap trds-genis-menu__sutunlar">
      <div><p class="trds-genis-menu__baslik">Sigortalılık</p><ul class="trds-genis-menu__liste"><li><a href="#">Hizmet dökümü</a></li><li><a href="#">İşe giriş bildirgesi</a></li><li><a href="#">4A, 4B, 4C</a></li></ul></div>
      <div><p class="trds-genis-menu__baslik">Sağlık</p><ul class="trds-genis-menu__liste"><li><a href="#">Provizyon sorgulama</a></li><li><a href="#">Rapor işlemleri</a></li></ul></div>
      <div><p class="trds-genis-menu__baslik">Ödemeler</p><ul class="trds-genis-menu__liste"><li><a href="#">Geçici iş göremezlik</a></li><li><a href="#">Emzirme ödeneği</a></li></ul></div>
    </div>
  </div>
  <div class="trds-genis-menu__panel" id="gm-emekli" hidden>
    <div class="trds-kap trds-genis-menu__sutunlar">
      <div><p class="trds-genis-menu__baslik">Aylık</p><ul class="trds-genis-menu__liste"><li><a href="#">Ne zaman emekli olurum?</a></li><li><a href="#">Maaş bilgisi</a></li><li><a href="#">Bayram ikramiyesi</a></li></ul></div>
      <div><p class="trds-genis-menu__baslik">Başvuru</p><ul class="trds-genis-menu__liste"><li><a href="#">Yaşlılık aylığı</a></li><li><a href="#">Ölüm aylığı</a></li></ul></div>
    </div>
  </div>
</nav>