altinn-designsystem/dist/patterns/01-molekyler-02-navigasjon-50-ekspanderbar-liste/01-molekyler-02-navigasjon-50-ekspanderbar-liste.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-02-navigasjon-50-ekspanderbar-liste -->
<div class="a-list-heading">
  <!-- START: 00-atomer-05-Ekspansjonsknapper-29-♺-ekspanderbar-tittel-med-underlinje -->
  <!-- START: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel JS doc: toggleFilter.js -->
  <div class="a-collapse">
    <div class="a-dotted">
      <div class="row">
        <div class="col">
          <h2 class="a-collapseHeader a-h3">
            <a data-toggle="collapse" href="#" data-target="#exp-list" aria-expanded="" aria-controls="exp-list" class="a-collapse-title a-collapse-title--absolute no-decoration  collapsed ">
                <span class="a-dropdownArrow"></span> <span>Denne utvidbare tittelen har blå underlinje.</span> <span class="a-js-none"></span>
            </a>
          </h2>
        </div>
      </div>
    </div>
  </div>

  <!-- END: 00-atomer-05-Ekspansjonsknapper-27-ekspanderbar-tittel -->


  <!-- END: 00-atomer-05-Ekspansjonsknapper-29-♺-ekspanderbar-tittel-med-underlinje -->

</div>
<div id="exp-list" class="a-collapseContent collapse " aria-expanded="false" role="">
  <!-- START: 01-molekyler-05-lister-00-liste-unummerert JS doc: selectableCheckbox.js -->
  <div class="a-list-container ">
    <ul class="a-list    ">
      <li class="a-dotted">
        <div class="row ">
          <div class="col">
            <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

            Første rad







            <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

          </div>
        </div>
      </li>
      <li class="a-dotted">
        <div class="row ">
          <div class="col">
            <!-- START: 01-molekyler-05-lister-_00-liste-innhold -->

            Andre rad







            <!-- END: 01-molekyler-05-lister-_00-liste-innhold -->

          </div>
        </div>
      </li>
    </ul>
  </div>

  <!-- END: 01-molekyler-05-lister-00-liste-unummerert -->


  <div class="row">
    <div class="col-12 mt-2">
      <!-- START: 00-atomer-02-lenker-00-link -->
      <a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class=" ">
  En lenke ser slik ut
  
</a>
      <!-- END: 00-atomer-02-lenker-00-link -->

    </div>
  </div>
</div>
<!-- END: 01-molekyler-02-navigasjon-50-ekspanderbar-liste -->