JSFiddle - React, Tailwind, and code Playground

by Aakash Chakravarthy

HTML

<script src="http://aotp.nl/corp/scripts/jquery.collapser.js"></script>
<p><b>ordenen</b></p>
(<a class="demo9">Helaas, uw browserinstellingen staan het uitvoeren van Javascript niet toe.</a>)

    <span class="subdemo9" style="display:none; color:ff00ff">

<p>Met de plusjes in de zijbalk kunt u plaatsmarkeringen 'dichtklappen', zodat ze minder ruimte innemen. Tip: maak wanneer u erg veel plaatsmarkeringen heeft apparte mapjes in de folder 'Mijn plaatsen' (rechtermuisclick &gt; 'toevoegen &gt; 'map', zoals u gewend bent in Windows Verkenner). Bijvoorbeeld een appart mapje voor een vakantie, die u met Google Earth voorbereidt of voor informatie over uw woonplaats.
        </p>

    </span>




    <p><b>uitwisselen</b> &nbsp;(<a class="demo9">Helaas, uw browserinstellingen staan het uitvoeren van Javascript niet toe.</a>) </p>

    <span class="subdemo9" style="display:none">

        <p>Rechtsclicken op de naam van een plaatsmarkering toont de optie 'E-mail'. Met nog eens twee clicken stuurt u, met uw eigen e-mailprogramma, een plaatsmarkering als bijlage naar iemand anders. Plaatsmarkeringen zijn dus een soort 'favorieten', die je gemakkelijk kunt delen met anderen. In de email zet Google er de fraaie tekst bovenaan dit scherm bij, zodat duidelijk is waar het om gaat.</p>
    </span>

JavaScript

$('.demo9').collapser({

        target: 'next',

        targetOnly: '',

        expandHtml: 'expand',

        collapseHtml: 'coll',

        expandClass: 'expIco',

        collapseClass: 'collIco'

    });