Trekkspill/accordion

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.

Slik ser accordion ut:

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>