Accordion

Accordion brukes for å vise og skjule informasjon, men bare en kan være åpen om gangen.

Accordion som bruker radioknapper

Hvordan logger jeg inn på tjenesten?

Trykk på "Login" og logg på med FeideID som vanlig.

Jeg har glemt passordet mitt. Hvordan nullstiller jeg det?

Du kan nullstille passordet ved å logge inn på BAS med BankID og så sette et nytt passord for din FeideID.

Hvordan oppdaterer jeg brukerprofilen min?

Trykk på "Rediger profil" på Innsida.

<div class="collapse bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-1" checked="checked" />
  <div class="collapse-title font-semibold">Hvordan logger jeg inn på tjenesten?</div>
  <div class="collapse-content text-sm">Trykk på "Login" og logg på med FeideID som vanlig.</div>
</div>
<div class="collapse bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-1" />
  <div class="collapse-title font-semibold">Jeg har glemt passordet mitt. Hvordan nullstiller jeg det?</div>
  <div class="collapse-content text-sm">Du kan nullstille passordet ved å logge inn på BAS med BankID og så sette et nytt passord for din FeideID.</div>
</div>
<div class="collapse bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-1" />
  <div class="collapse-title font-semibold">Hvordan oppdaterer jeg brukerprofilen min?</div>
  <div class="collapse-content text-sm">Trykk på "Rediger profil" på Innsida.</div>
</div>

Accordion med piler

Hvordan logger jeg inn på tjenesten?

Trykk på "Login" og logg på med FeideID som vanlig.

Jeg har glemt passordet mitt. Hvordan nullstiller jeg det?

Du kan nullstille passordet ved å logge inn på BAS med BankID og så sette et nytt passord for din FeideID.

Hvordan oppdaterer jeg brukerprofilen min?

Trykk på "Rediger profil" på Innsida.

<div class="collapse collapse-arrow bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-2" checked="checked" />
  <div class="collapse-title font-semibold">Hvordan logger jeg inn på tjenesten?</div>
  <div class="collapse-content text-sm">Trykk på "Login" og logg på med FeideID som vanlig.</div>
</div>
<div class="collapse collapse-arrow bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-2" />
  <div class="collapse-title font-semibold">Jeg har glemt passordet mitt. Hvordan nullstiller jeg det?</div>
  <div class="collapse-content text-sm">Du kan nullstille passordet ved å logge inn på BAS med BankID og så sette et nytt passord for din FeideID.</div>
</div>
<div class="collapse collapse-arrow bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-2" />
  <div class="collapse-title font-semibold">Hvordan oppdaterer jeg brukerprofilen min?</div>
  <div class="collapse-content text-sm">Trykk på "Rediger profil" på Innsida.</div>
</div>

Accordion med pluss/minus

Hvordan logger jeg inn på tjenesten?

Trykk på "Login" og logg på med FeideID som vanlig.

Jeg har glemt passordet mitt. Hvordan nullstiller jeg det?

Du kan nullstille passordet ved å logge inn på BAS med BankID og så sette et nytt passord for din FeideID.

Hvordan oppdaterer jeg brukerprofilen min?

Trykk på "Rediger profil" på Innsida.

<div class="collapse collapse-plus bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-3" checked="checked" />
  <div class="collapse-title font-semibold">Hvordan logger jeg inn på tjenesten?</div>
  <div class="collapse-content text-sm">Trykk på "Login" og logg på med FeideID som vanlig.</div>
</div>
<div class="collapse collapse-plus bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-3" />
  <div class="collapse-title font-semibold">Jeg har glemt passordet mitt. Hvordan nullstiller jeg det?</div>
  <div class="collapse-content text-sm">Du kan nullstille passordet ved å logge inn på BAS med BankID og så sette et nytt passord for din FeideID.</div>
</div>
<div class="collapse collapse-plus bg-base-100 border border-base-300">
  <input type="radio" name="my-accordion-3" />
  <div class="collapse-title font-semibold">Hvordan oppdaterer jeg brukerprofilen min?</div>
  <div class="collapse-content text-sm">Trykk på "Rediger profil" på Innsida.</div>
</div>

Neste Alert