Expand & Collapse Text Blocks Easily with Readmore.js

Posted on

  • email
  • twitter
  • facebook
  • share this

share this

Internet professionals are quickly learning that, despite the trend toward “minimalist” Web design the past decade or so, there’s still a need – and sometimes a demand - for content – sometimes, lots of it.

A balance needs to be achieved between the visual and the functional of course and you’ll find it with Readmore.js, an extremely lightweight jQuery plugin for collapsing and expanding large and long blocks of text with “Read More” and “Close’ links.

Designers can control the speed (how quickly the text appears – in milliseconds) as well as the displayed height. If elements have a max-height CSS property, the Readmore.js plugin will use that value instead of the value of the maxHeight option.

Login To Comment

Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up


Bazar 07-18-2013 3:44 PM

Thanks for this! But if you're going to put something in an article that says "Demo" and looks like its a demo, then make it an actual demo... not a screen capture.

Pete Prestipino 07-18-2013 4:02 PM

Good point Brian - my bad! You can see an actual demo through the link provided in the post though.

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com