NedDev®
NL Get in touch
Home Work
Services
SaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
Solutions
AI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
Industries
LegalHealthcareReal estateFinanceHospitality
Regions
The HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
AboutProcessLabBlogContact

Lees meer / lees minder New

Long service or SEO copy that expands smoothly: an intro with a fade-out gradient and "Read more"; once open a "Read less" button at the bottom collapses it and returns focus. Built on

with ::details-content + interpolate-size: allow-keywords (animating height to auto without JS). Browsers lacking those get a small Web Animations fallback; without JS it simply opens. The text is always in the HTML, so search engines read all of it.

Dakdekker Amersfoort · 3 min lezen

Daklekkage in Amersfoort? Zo pakken we het aan

Een lekkend dak merk je vaak pas als er een vochtplek op het plafond verschijnt. Dan is het water meestal al weken onderweg. We komen binnen 48 uur langs in Amersfoort, Leusden en Soest, zoeken de oorzaak met een vochtmeter en geven je nog op het dak een vaste prijs voor de reparatie.

Lees meerLees minder

Bij platte daken zit het lek vaak bij een naad in de bitumen of bij de dakrand. Bij pannendaken gaat het meestal om een verschoven pan, een gescheurde vorst of loodslabben rond de schoorsteen.

Wat kost een reparatie?

  • Pannen vervangen of terugleggen: vanaf € 145
  • Loodwerk rond de schoorsteen: vanaf € 385
  • Naad in bitumen herstellen: vanaf € 210

Alle prijzen zijn inclusief btw en voorrijkosten binnen 25 km. Op het werk krijg je 5 jaar garantie, schriftelijk.

How to use it

  1. Paste the HTML where the text animations should appear.
  2. Add the CSS to your stylesheet. All classes are prefixed, so nothing clashes with your own styles.
  3. Add the JavaScript and call init() with the element that contains the HTML.
<!-- Lees meer / lees minder · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="lmd">
  <article class="lmd__art">
    <span class="lmd__eyebrow">Dakdekker Amersfoort · 3 min lezen</span>
    <h3 class="lmd__h">Daklekkage in Amersfoort? Zo pakken we het aan</h3>
    <p class="lmd__intro">Een lekkend dak merk je vaak pas als er een vochtplek op het plafond verschijnt. Dan is het water meestal al weken onderweg. We komen binnen 48 uur langs in Amersfoort, Leusden en Soest, zoeken de oorzaak met een vochtmeter en geven je nog op het dak een vaste prijs voor de reparatie.</p>
    <details class="lmd__d">
      <summary class="lmd__s"><span class="lmd__t-more">Lees meer</span><span class="lmd__t-less">Lees minder</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></summary>
      <div class="lmd__more">
        <p>Bij platte daken zit het lek vaak bij een naad in de bitumen of bij de dakrand. Bij pannendaken gaat het meestal om een verschoven pan, een gescheurde vorst of loodslabben rond de schoorsteen.</p>
        <h4>Wat kost een reparatie?</h4>
        <ul><li>Pannen vervangen of terugleggen: vanaf € 145</li><li>Loodwerk rond de schoorsteen: vanaf € 385</li><li>Naad in bitumen herstellen: vanaf € 210</li></ul>
        <p>Alle prijzen zijn inclusief btw en voorrijkosten binnen 25 km. Op het werk krijg je 5 jaar garantie, schriftelijk.</p>
        <button class="lmd__less" type="button">Lees minder<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m6 15 6-6 6 6"/></svg></button>
      </div>
    </details>
  </article>
</div>
</div>

More text animations

Seen something you like?

Add it to your selection and send it over. We build your site around it, in your brand.

Get in touch →