Trekkspill-komponent (accordion)

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

Accordion "pakker" tekstavsnittene sammen slik at kun overskriften synes f?r man klikker p? den. Da ?pner avsnittet seg. Det er fornuftig ? bruke trekkspillkomponenten for eksempel ved listing av enheter eller avdelinger med tekstinnhold, listing av rollebeskrivelser med forklaringer etc.

Koden:

class="accordion"

Slik gj?r du:

Sett koden rundt tittelen p? avsnittet. Velg h2 eller h3 slik:

<h2 class="accordion">Det odontologiske fakultet</h2>

Gjenta det p? alle mellomtitlene du vil inkludere i trekkspill-visningen.

Eksempel p? bruk:

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 forsknings澳门葡京手机版app下载 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

Det medisinske fakultet

  • Fakultetssekretariatet
  • Studieseksjonen
  • Doktorgradsseksjonen
  • Institutt for helse og samfunn
  • Institutt for klinisk medisin
  • Institutt for medisinske basalfag
  • Centre for Cancer Biomedicine
  • Centre for Immune Regulation
  • Center for Molecular Biology and Neuroscience

Det odontologiske fakultet

  • Fakultetsadministrasjonen
  • Institutt for klinisk odontologi
  • Institutt for oral biologi

Det samfunnsvitenskapelige fakultet

  • Fakultetsadministrasjonen
  • Institutt for sosiologi og samfunnsgeografi
  • Institutt for statsvitenskap
  • Psykologisk institutt
  • Sosialantropologisk institutt
  • ?konomisk institutt
  • Senter for studier av teknologi, innovasjon og kultur - TIK
  • ARENA - Senter for europaforskning
  • Senter for studier av likhet, sosial organisering og ?konomisk utvikling - ESOP
  • Childwatch International
  • Oslo Summer School in Comparative Social Science Studies - OSS
  • UiO Energi

Det teologiske fakultet

  • Det teologiske fakultet

Det utdanningsvitenskapelige fakultet

  • Fakultetsadministrasjonen
  • Institutt for l?rerutddanning og skoleforskning
  • Institutt for pedagogikk
  • Institutt for spesialpedagogikk
  • InterMedia
  • ProTed Senter for fremragende l?rerutdanning

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>

som gir denne direktelenken.

Tekst under trekkspillet

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.

Merk at dette kun fungerer p? det nye rammeverket, s? nettsteder av eldre dato m? avslutte accordion med ny overskrift p? samme niv?.

Publisert 15. des. 2014 10:38 - Sist endret 4. mai 2023 10:50