Trekkspill/accordion

Slik fungerer trekkspill

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

Eksempel på trekkspill

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 setter du inn et trekkspill

Den nye teksteditoren i Vortex kommer med en trekkspillkomponent som forekler innsetting og redigering av trekkspill. Med den nye komponenten er det lett å se hva som inkluderes i trekkspillet. Den er også mye raskere å laste inn for besøkende på siden. Trekkspill satt inn på den gamle måten vil fortsette å fungere, men det anbefales å ta i bruk den nye komponenten.

Sett inn trekkspill ved å velge sett inn trekkspill fra verktøylinja. Velg riktig overskriftsnivå i nedtrekksmenyen. Legg inn tittelen for trekkspillet i det første feltet og innholdet i det andre.

Begrensninger i den nye trekkspillkomponenten

Du kan ikke lenger legge trekkspill inne i trekkspill. Hvis du har veldig mye innhold på siden, kan du vurdere å dele det opp over flere sider. Hvis du prøver å sette inn et nytt trekkspill når du har markøren inne i innholdsfeltet til et annet trekkspill, vil du bare kunne endre overskriftsnivået på trekkspillet.

Slik lager du et trekkspill på gammel måte

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>