webdesign

tutorial

menu
  • home
  • support
  • contact

Accordion: icoontjes aanpassen

10-09-2013 Geavanceerd: JavaScript & CSS

Deze tutorial voor ervaren gebruikers laat zien hoe de standaard instellingen van een accordion kunnen worden overruled.

Let op:
Dit is een geavanceerde functie en verondersteld enige basis kennis van Javascript en CSS. Wij bieden geen support op het debuggen van Javascript of CSS, anders dan het verwijderen van de complete zelf ingevoerde code.

Indien de code verkeerd wordt ingevoerd kan het zijn dat delen van de site of zelfs de gehele site niet meer naar behoren werkt.

Optie 1: Javascript toevoegen aan de gehele site

Klik op 'geavanceerde instellingen' (slotje) > 'instellingen: opmaak & extra html opties' > 'html: custom JS voor gehele website' > voeg de Javascript code toe in het veld en klik op 'opslaan'.

Optie 2: Javascript toevoegen aan een pagina

Klik op 'pagina's' > klik 'bewerk' bij de betreffende pagina > 'menu / pagina instellingen' > 'geavanceerde instellingen' > 'custom js' > voeg de Javascript code toe in het veld en klik op 'opslaan'.

Voorbeeld van de verschillende icoontjes

Code Snippets

icoontjes optie 1:

selecteer alles regelnummers aan/uit
  1. // accordion, icoontjes optie 1
  2. $( ".accordion" ).accordion( "option", "icons", { 'header': 'icon2-plus', 'headerSelected': 'icon2-min' } );

icoontjes optie 2:

selecteer alles regelnummers aan/uit
  1. // accordion, icoontjes optie 2
  2. $( ".accordion" ).accordion( "option", "icons", { 'header': 'icon3-plus', 'headerSelected': 'icon3-min' } );

icoontjes optie 3:

selecteer alles regelnummers aan/uit
  1. // accordion, icoontjes optie 3
  2. $( ".accordion" ).accordion( "option", "icons", { 'header': 'icon4-plus', 'headerSelected': 'icon4-min' } );

artikelen ingedeeld per categorie

  • Hoe werkt UP 'N' RUNNING

  • CMS Basisvaardigheden

    • Basisvaardigdheden

    • Troubleshooting

  • Website layout

    • Website indeling algemeen

    • Pagina en kolom structuur

    • Extra opmaak elementen

    • Vormgeving geavanceerd

      • Geavanceerd: Lettertype

      • Geavanceerd: JavaScript & CSS

  • Website bewerken

    • Algemeen

    • Troubleshooting

    • Afbeeldingen

    • Bijlage (PDF etc)

    • Extra opties FULL version

    • Link plaatsen

    • Social media

    • WYSIWYG tekst editor

    • Youtube

    • Zoekmachine optimalisatie

  • Geavanceerde instellingen

    • Geavanceerde instellingen

    • FULL version

  • E-mail & Domeinnaam

    • E-mail algemeen

    • E-mail instellen

    • E-mail verwijderen

    • E-mail troubleshooting

    • Wachtwoord vergeten

    • iPhone en iPad: e-mail instellingen

    • Spam

    • Domeinverhuizing



2000 |2025
support
voorbeelden