Kotoll

Full Version: "More/less" expanding text
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin volutpat, justo at dapibus iaculis, odio quam eleifend lacus, id facilisis dolor dolor sed purus. Aliquam placerat ut sapien at accumsan. Curabitur vulputate ligula sed libero sagittis ultricies. Aliquam accumsan justo nisl, ac congue enim pulvinar et. Phasellus cursus odio egestas dolor interdum, porta cursus risus eleifend. Suspendisse est lorem, tempor eget maximus et, pharetra sed eros. Donec molestie faucibus arcu non rhoncus. Cras dignissim semper luctus.

In hac habitasse platea dictumst. Suspendisse a dui blandit arcu gravida tincidunt. Aenean varius, nulla in hendrerit imperdiet, odio dolor vehicula tortor, in iaculis erat enim ut lectus. Donec blandit gravida justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam ac velit quis turpis consectetur molestie. Aliquam purus nunc, vulputate quis efficitur vel, elementum sit amet massa. Fusce hendrerit, velit non malesuada pretium, orci augue pellentesque leo, nec laoreet erat risus ut tellus. Aliquam volutpat est ac quam interdum convallis. Morbi a lacus ac odio pulvinar maximus. Curabitur blandit mauris non neque efficitur, vitae accumsan nunc mattis. Aenean auctor sem quam, ac sodales leo tincidunt vitae. Ut sem dolor, posuere sit amet imperdiet et, tempus et massa.


This code breaks a section of text off at 100 characters, to preserve space, while showing the "more" link to expand it to the full text.

Code:
<span class="shorten">Text here</span>