Facebook
From Unreliable Monkey, 3 Years ago, written in HTML5.
This paste is a reply to Re: Adding Accordion from Tiny Treeshrew - view diff
Embed
Download Paste or View Raw
Hits: 60
  1. <button type="button" class="collapsible">Klik hier voor uitgebreide informatie.</button>
  2. <div class="content">
  3.         <p><strong >De leukste dames tops</strong><br >De voordelen van dames tops is de enorme diversiteit, het ruime aanbod en de verschillende kleuren en modellen.</p>
  4.         <p>Op zoek naar de perfecte off-shoulder top, het leukste T-shirt of het kleurrijkste hemdje ever? Bij Cé Mouton ben jij wederom op het juiste adres! Kort, lang, kleurrijk, neutraal, bedekt, gewaagd.. wij hebben het allemaal!</p>
  5.         <p><strong >Waar denk jij aan bij het woord top?</strong><br >Wij denken aan sexy, vrouwelijk maar ook comfortabel. Met trots introduceren wij jou aan ons brede T-shirt en tops assortiment. Ben jij in een feestelijke stemming, op zoek naar glitter? Of liever neutraal maar cropped? Wat jij ook zoekt, wij hebben dit voor jou.<br ><strong >Feitjes over dames tops</strong><br >Het is een feit, T-shirts en tops heb je nooit genoeg! Tops en shirts zijn de basis van iedere garderobe. Combineer een kleurrijk bedrukt T-shirt op een neutrale skinny en stijl deze af met een leuke blazer, of andersom natuurlijk.. mega cool om een neutrale top te combineren met een tof jasje, een paar boots eronder en jij bent klaar om te gaan!<br ><strong >Ga jij voor katoen of liever voor polyester? Wij zullen je een aantal voor en nadelen van deze stoffen laten zien!</strong><br >Je zult het vaak voorbij zien komen, items die gemaakt zijn van katoen of polyester. Maar wat is nu het verschil? Polyester mengsels zijn gemaakt van 65-67% polyester en 33-35% katoen. Maar.. dat is een mengsel! Als je materiaal hebt dat 100% gemaakt is van katoen, of van polyester gelden er andere regels.</p>
  6.         <p>Katoen is afkomstig van de katoenplant, het is een zachte eencellige vezel. Items die van katoen gemaakt worden hebben een aantal voor en nadelen.</p>
  7.         <p>Wij zullen ze voor jou op een rijtje zetten.<br ><strong >DE VOORDELEN VAN KATOEN:</strong></p>
  8.         <p>Katoen neemt vocht op<br >Het voelt zacht aan<br >Ademend<br >Licht<br >Goedkoop</p>
  9.         <p><strong >DE NADELEN VAN KATOEN:</strong></p>
  10.         <p>Het kan gaan krimpen of pillen<br >Niet vormvast<br >Kreukt</p>
  11.         <p>Katoen verreweg de grootste milieuvervuiler is? Ook wol en zijde zijn zeer onvriendelijk voor het milieu. Dit komt omdat de teelt van katoen erg intensief is. Polyester is erg makkelijk te recyclen en gaat dus veel langer mee.</p>
  12.         <p><strong >DE VOORDELEN VAN POLYESTER:</strong></p>
  13.         <p>Kleur recht<br >Glad<br >Vochtregulerend<br >Krimpt niet</p>
  14.         <p><strong >DE NADELEN VAN POLYESTER</strong></p>
  15.         <p>Het kan pillen<br >Het kan statisch zijn</p>
  16.         <p>De functies zijn per materiaal anders, zo heeft polyester dus andere functies dan katoen.</p>
  17.         <p><strong >Dames tops bestellen in de webshop</strong><br >Fan van onze leukste dames tops? Bestel deze dan nu online en maak gebruik van de gratis verzending bij besteding boven de <strong >€75, </strong>voor 16.00 uur besteld = morgen in huis!</p>
  18.         <p><strong >Advies nodig? Laat ons je een handje helpen!</strong><br >Heb jij kleuradvies nodig, of andere diverse vragen? Neem gerust contact met ons op via onze live chat, stel uw vraag telefonisch via <a href="tel:0614688280"  data-mce-href="tel:0614688280">0614688280</a> of door te mailen naar <a href="mailto:[email protected]"  data-mce-href="mailto:[email protected]">[email protected]</a><br >Wij helpen je graag!</p>
  19.         <p><em >Bij Cé Mouton ben jij als klant niet alleen een limited edition, wij werken er dagelijks hard aan om de meeste unique items voor jullie op de webshop toe te voegen!</em></p>
  20.  
  21. </div>
  22. <style><!--
  23. .collapsible {
  24. justify-content: center;
  25. display: flex;
  26. background-color: transparent;
  27. cursor: pointer;
  28. padding: 18px;
  29. width: 100%;
  30. border: none;
  31. text-align: left;
  32. outline: none;
  33. font-size: 15px;
  34. }
  35.  
  36. .active, .collapsible:hover {
  37. background-color: transparent;
  38. }
  39.  
  40. .content {
  41. padding: 0 18px;
  42. max-height: 0;
  43. overflow: hidden;
  44. transition: max-height 0.2s ease-out;
  45.  
  46. }
  47. --></style>
  48. var coll = document.getElementsByClassName("collapsible");
  49. var i;
  50.  
  51. for (i = 0; i < coll.length; i++) {
  52. coll[i].addEventListener("click", function() {
  53.   this.classList.toggle("active");
  54.   var content = this.nextElementSibling;
  55.   if (content.style.maxHeight){
  56.     content.style.maxHeight = null;
  57.   } else {
  58.     content.style.maxHeight = content.scrollHeight + "px";
  59.   }
  60. });
  61. }