<div id="document-content"
     tal:define="
       portal_tabs here/@@portal_tabs_view/topLevelTabs;
     "
>
  <ul class="menu">
    <tal:tabs tal:repeat="tab portal_tabs">
      <li tal:define="
            tid tab/id;
          ">
        <a class="section-${tid} tab pat-switch pat-toggle close-panel pat-inject"
           href="${tab/url}#portal-content"
           data-pat-inject="history: record; scroll: top"
           data-pat-switch="selector: #portal; remove: section-*; add: section-${tid} &amp;&amp; selector: #app-space; remove: state-*; add: state-off"
           data-pat-toggle="selector: #global-header; value: mobile-menu-on"
        >
                    ${tab/name}
        </a>
      </li>
    </tal:tabs>
  </ul>
</div>
