[More/Less] A Lightweight Vanilla JavaScript App for Expanding and Collapsing Text Blocks

Read More button is a lightweight JavaScript vanilla button to read more to expand and collapse blocks of text.

jquery read moreless toggle, multiple read more read less jquery, read more read less button, multiple read more button html, read more button without javascript

How to make use of it:

1. Add the primary script read-more-btn-v2.js to the web page.

<script src="scripts/read-more-btn-v2.js"></script>

2. Attach the function mkBtn to the text block and decide the variety of characters to be retained.

      In a village of La Mancha, in Spain, there once lived one of those gentlemen who usually keep a lance upon a
      rack, an old target, a lean horse, and a greyhound for coursing. A dish of boiled meat, consist-ing of somewhat
      more beef than mutton, the fragments served up cold on most nights, lentils on Fridays, bread and pull-it on
      Saturdays, with a small pigeon by way of addition on Sundays,consumed three fouiths of his income. The rest was
      laid out in a surtout of fine black cloth, a pair of velvet breeches for holidays, with slippers of the same;
      and on week-days he prided himself on the very best of his own homespun doth. </p>
    <p>His family consisted of a housekeeper, somewhat above forty, a niece not quite twenty, and a lad for the field
      and the market, who both saddled the horse and handled the pruning-hook. The age of our gentleman bordered upon
      fifty years. He was of a robust constitution, spare-bodied, of a meagre visage; a very early riser, and a keen
mkBtn('article', 30);

Collapse Long Text Block With Read More/Less Buttons, Read more button, jquery read more expand, read more read less bootstrap 4

See Demo And Download

Official Website(gumbol): Click Here

This superior jQuery/javascript plugin is developed by gumbol. For extra Advanced Usages, please go to the official website.

Related Posts


Confetti Falling Animation Effect In JavaScript | party.js

Party.js is a JavaScript library to brighten user site experience with visual effects! Celebrate success with dom confetti! The library is written in TypeScript and compiled into…


Select Box Based Star Rating JavaScript Library | star-rating.js

star-rating.js is a small JavaScript library to create a customizable and gradually improved star rating control from a regular tick box with numeric values. The ES6 module…


Corner Fixed Notifications Alerts With Bootstrap | BS4 Show Notification

Bootstrap Notification is an easy-to-use jQuery plugin that uses the Bootstrap Alerts component to create static, rejectable, and stackable notification popups in the upper right corner of the…


Create Stackable Multi-level Sidebar Menu | HC Off-canvas Nav

Multi-Level Sidebar Slide Menu – HC MobileNav is a jQuery plugin for creating multi-level, mobile-first, totally accessible, off-canvas facet navigation that helps the infinite nesting of submenu…


Responsive Masonry Layout with SSR Support for Vue 3 | vue-masonry-wall

Vue masonry wall is a responsive masonry layout component for Vue 3 to deliver a Masonry-style responsive grid layout with SSR and RTL layout support. Features 📱…


A Bootstrap 5 Toast Notification Framework Library | bs-toaster

bs-toaster is simple to instantiate bs-toaster and create multiple toasts effortlessly using native Bootstrap 5! Feature Facts Small and clean Modern browser support. No IE sorry 💥…