Documentation

ReadMore.js is a lightweight and flexible JavaScript plugin for creating user-friendly expandable text blocks with "Read More" and "Hide" buttons. It optimizes the display of large amounts of content, improving readability and saving space on the page. The plugin is ideal for websites, blogs, news portals, and other projects where managing long texts on desktops and mobile devices is necessary.

Note
  • The plugin works standalone, requiring no third-party libraries such as jQuery.
  • All content remains accessible to search engines, as the plugin does not alter the HTML structure of the page.

Easy Integration

Easily integrates into any project with a single JavaScript file. Simply include it in your project and configure it.

Flexible Customization

The plugin offers a wide range of options: from the height of the collapsed block to button text, animation speed, and even custom callback functions for events.

Responsive Design

Supports responsive breakpoints, allowing customization of the plugin's behavior based on screen width, ensuring an optimal appearance on all devices.

SEO and Accessibility

Content remains accessible to search engines, and support for ARIA attributes ensures usability for users with disabilities, enhancing overall site accessibility.

License

Readmore.js is distributed under the MIT license.

You are free to use this script in both commercial and non-commercial projects, provided that the license notice is preserved. This means that you must keep my name, a link to my homepage, and license information unchanged. None of this has to be visible to the user and can remain in the code.

Browser Support

Google Chrome

Chrome 49+

Chrome 49+

Microsoft Edge

Edge 15+

Edge 92+

Mozilla Firefox

Firefox 44+

Firefox 44+

Safari

Safari 10+

Safari 10+

Opera

Opera 36+

Opera 36+