̽»¨¾«Ñ¡

English version of this page

Trekkspill/accordion

Trekkspillkomponenten, eller accordion brukes når man har mange avsnitt i en tekst, og der brukeroppgaven i hovedsak er å velge én av dem.

Slik fungerer accordion

Accordion kan brukes både på artikler og forsider, men justeres av sidebredde, så den ser mindre ut på artikkelnivå. Dette styres av malen, og kan ikke overstyres.

Eksempel på accordion

Det humanistiske fakultet

  • Fakultetsadministrasjonen
  • Institutt for arkeologi, konservering og historiske studier - IAKH
  • Institutt for filosofi, ide- og kunsthistorie og klassiske sprÃ¥k - IFIKK
  • Institutt for kulturstudier og orientalske sprÃ¥k - IKOS
  • Institutt for lingvistiske og nordiske studier - ILN
  • Institutt for litteratur, omrÃ¥destudier og europeiske sprÃ¥k - ILOS
  • Institutt for medier og kommunikasjon - IMK
  • Institutt for musikkvitenskap - IMV
  • Centre for the Study of MInd in Nature - CSMN
  • Senter for flersprÃ¥klighet
  • Senter for Ibsenstudier
  • Det norske institutt i Roma
  • Det norske universitetssenter i St.Petersburg
  • Senter for fransk-norsk forskningssamarbeid innenfor samfunnsvitenskap og humaniora

Det juridiske fakultet

  • Fakultetssekretariatet
  • Institutt for kriminologi og rettsosiologi
  • Institutt for offentlig rett
  • Institutt for privatrett
  • Nordisk institutt for sjørett
  • Norsk senter for menneskerettigheter
  • Senter for europarett

Det matematisk-naturvitenskapelige fakultet

  • Fakultetssekretariatet
  • Institutt for teoretisk astrofysikk
  • Institutt for biovitenskap
  • Farmasøytisk institutt
  • Fysisk institutt
  • Institutt for geofag
  • Institutt for informatikk
  • Kjemisk institutt
  • Matematisk institutt
  • Senter for akseleratorbasert forskning og energifysikk - SAFE
  • Physics of Geological Processes - PGP
  • Centre for Ecological and Evolutionary Synthesis - CEES
  • Senter for entreprenørskap - SFE
  • Senter for innovative naturgassprosesser og produkter - inGAP
  • Senter for materialvitenskap og nanoteknologi - SMN
  • Centre of Matematics for Applications - CMA
  • Centre for Theretical and Computational Chemistry - CTCC

Slik lager du et accordion

  1. Sett koden rundt tittelen på avsnittet. Velg h2 eller h3 slik:
  2. Kode:
    <h3 class="accordion">Tittel</h3>
     
    
  3. Gjenta det på alle mellomtitlene du vil inkludere i trekkspill-visningen.

Direktelenke:

  • Hvis du ønsker en direktelenke som Ã¥pner et avsnitt kan du legge til en id pÃ¥ h2- eller h3-en i tillegg slik:
  • <h3 class="accordion" id="odont-fak">Det odontologiske fakultet</h3>

Avslutte accordion

  • Accordion avsluttes alltid av ny h2/h3-overskrift som ikke er markert som class="accordion".
  • Hvis du ønsker Ã¥ avslutte accordion uten Ã¥ legge inn ny overskrift, f.eks. hvis du ønsker Ã¥ ha et bilde eller div-element som vises under accordion, gjør du dette ved Ã¥ sette inn class="accordion-end" pÃ¥ tag-en der du ønsker at accordion skal avsluttes.
    • Eksempel 1 (vanlig avsnitt under accordion):
      <p class="accordion-end">*tekst i avsnittet*</p>
    • Eksempel 2 (video under accordion):
      <div class="accordion-end" class="vrtx-media-player"> </div>
  • "Accordion-end" skal i utgangspunktet kunne plasseres pÃ¥ en hvilken som helst tag, men om det skulle vise seg vanskelig i noen tilfeller, gÃ¥r det ogsÃ¥ an Ã¥ sette  "accordion-end" pÃ¥ en <p>-tag, som settes utenpÃ¥ andre tag-er.
    • Eksempel (p-tag rundt <img>):
      <p class="accordion-end"><img alt="*alttekst*" height="X" src="*bilde-url" width="Y" /></p>
Publisert 29. des. 2021 11:20 - Sist endret 24. jan. 2025 09:27