jQuery ReadAll Plugin Examples

Click the Read More button to reveal all the content and replace the Read More button with a Read Less button which allows you to collapse the text to the original state.


Block 1. A large block of text.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan sit amet eros in faucibus. Etiam posuere malesuada lacus quis tempor. Praesent non diam eros. Duis vestibulum, diam sed iaculis consectetur, lorem leo ullamcorper diam, mollis cursus sem metus in lectus. Nam interdum, tellus sed molestie tristique, libero ipsum pretium leo, quis fermentum massa odio vel velit. Proin ut molestie magna, non dapibus nisi. Vestibulum urna purus, aliquam et pulvinar eu, dictum id nulla. Duis venenatis, ex sit amet eleifend tempus, ex sem semper sapien, at sodales dui leo vel nunc. Sed ante nulla, rhoncus at lacus ut, pretium auctor mauris. Curabitur tellus neque, molestie vitae mi sed, commodo sagittis ligula. Etiam nec dignissim orci. Aliquam nunc dolor, elementum a urna eu, hendrerit blandit ipsum. Donec vel felis commodo, laoreet velit vestibulum, suscipit nibh. Ut ornare tristique felis non lobortis. Fusce elementum magna nibh, eu mollis nisl molestie sit amet. Etiam ut eleifend purus.

Integer nec felis in mauris efficitur gravida. Vivamus est ipsum, pharetra eu elementum eu, ornare in nisl. Proin porta accumsan elementum. Nunc a interdum sapien. Nam mollis, elit ac feugiat pulvinar, eros nisi lacinia ligula, eget tincidunt odio libero vitae tellus. Quisque facilisis porta sem, non fringilla magna finibus lobortis. Nullam congue augue eu hendrerit egestas. Praesent pulvinar aliquam porttitor.

Praesent vel metus nibh. Maecenas ac sapien non odio pretium imperdiet. Suspendisse vestibulum nulla vitae sem porttitor fermentum. Aenean dictum consequat augue ac aliquam. In hac habitasse platea dictumst. Vivamus ligula enim, pretium in ornare a, feugiat quis sapien. Nullam facilisis et elit sed fringilla. Integer ut velit non sem vestibulum vulputate. Proin placerat egestas viverra. Nullam eu libero congue, euismod lorem quis, sagittis ante. Phasellus tempus justo vitae risus fermentum, tincidunt pellentesque odio fermentum. Proin nisl ex, ultricies ut lacinia at, laoreet viverra magna. Proin maximus eros sit amet est malesuada, eu venenatis velit congue. Fusce convallis ipsum quis pulvinar tristique.

Donec vitae sagittis felis, vitae accumsan magna. Ut id sapien interdum, dictum dolor id, pellentesque nisl. Quisque sagittis dui ut ipsum molestie ullamcorper. Cras molestie ipsum vel fermentum ornare. Curabitur eget cursus lectus, quis luctus tortor. Vivamus non rhoncus leo. Suspendisse potenti. Sed iaculis laoreet diam, id porttitor ante pellentesque eget. Ut lacus tortor, mattis vitae accumsan vitae, auctor quis diam. Praesent at ligula nec sem placerat sollicitudin.

Nam nibh augue, vestibulum nec risus quis, condimentum sagittis diam. Ut dictum, ante vel tempus viverra, tellus nisi porta ipsum, et tincidunt massa arcu sit amet nisl. Mauris non accumsan ante, ut porttitor nisi. Maecenas pretium nunc lorem, ut vulputate odio fermentum vel. Donec faucibus pretium dolor et ultrices. Suspendisse potenti. Donec ipsum libero, viverra ac sollicitudin vel, gravida at nisl. Mauris non ultrices sapien. Integer ac pulvinar massa. Sed vel mi ac velit bibendum aliquam in id lacus. Vivamus ipsum elit, mattis in rutrum ac, tincidunt quis neque. Vivamus sit amet velit quam. Curabitur vitae risus tincidunt, hendrerit nunc et, lobortis lacus. Curabitur consectetur euismod pharetra.


Block 2. A small block of text. Change the size of the browser. The ReadAll functionality will switch on and off depending on block height.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan sit amet eros in faucibus. Etiam posuere malesuada lacus quis tempor. Praesent non diam eros. Duis vestibulum, diam sed iaculis consectetur, lorem leo ullamcorper diam, mollis cursus sem metus in lectus. Nam interdum, tellus sed molestie tristique, libero ipsum pretium leo, quis fermentum massa odio vel velit. Proin ut molestie magna, non dapibus nisi. Vestibulum urna purus, aliquam et pulvinar eu, dictum id nulla. Duis venenatis, ex sit amet eleifend tempus, ex sem semper sapien, at sodales dui leo vel nunc. Sed ante nulla, rhoncus at lacus ut, pretium auctor mauris.


Block 3. A medium block of text.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan sit amet eros in faucibus. Etiam posuere malesuada lacus quis tempor. Praesent non diam eros. Duis vestibulum, diam sed iaculis consectetur, lorem leo ullamcorper diam, mollis cursus sem metus in lectus. Nam interdum, tellus sed molestie tristique, libero ipsum pretium leo, quis fermentum massa odio vel velit. Proin ut molestie magna, non dapibus nisi. Vestibulum urna purus, aliquam et pulvinar eu, dictum id nulla. Duis venenatis, ex sit amet eleifend tempus, ex sem semper sapien, at sodales dui leo vel nunc. Sed ante nulla, rhoncus at lacus ut, pretium auctor mauris. Curabitur tellus neque, molestie vitae mi sed, commodo sagittis ligula. Etiam nec dignissim orci. Aliquam nunc dolor, elementum a urna eu, hendrerit blandit ipsum. Donec vel felis commodo, laoreet velit vestibulum, suscipit nibh. Ut ornare tristique felis non lobortis. Fusce elementum magna nibh, eu mollis nisl molestie sit amet. Etiam ut eleifend purus.

Integer nec felis in mauris efficitur gravida. Vivamus est ipsum, pharetra eu elementum eu, ornare in nisl. Proin porta accumsan elementum. Nunc a interdum sapien. Nam mollis, elit ac feugiat pulvinar, eros nisi lacinia ligula, eget tincidunt odio libero vitae tellus. Quisque facilisis porta sem, non fringilla magna finibus lobortis. Nullam congue augue eu hendrerit egestas. Praesent pulvinar aliquam porttitor.


Block 4. A small block of text. This will never get (or need) the ReadAll functionality.


Lorem ipsum dolor sit amet.