File: ReadMe.md

Recommend this page to a friend!

ReadMe.md

File:	`ReadMe.md`
Role:	Documentation
Content type:	`text/markdown`
Description:	Version 1.0
Class:	Advanced jQuery Read More Truncate certain text areas with a read more link
Author:	By David Whitworth
Last change:	Version 1.1 - Added "linking" option - Added "data-linking" and "data-duration" attributes - Fixes
Date:	2 years ago
Size:	`2,362 bytes`

Download

Advanced jQuery Read More v1.1

Dynamic Read More plugin for jQuery

Released under the GNU General Public License (GPL)

Description

A small but versatile jQuery plugin that allows you to truncate specific sections of your content and then creates a link to toggle the full content.

Setup

Copy the files from the css and js directories to your corresponding asset directories.
Include the advanced-read-more.css or advanced-read-more.min.css in the `<head>`

<link href="css/advanced-read-more.min.css" rel="stylesheet" />

Include jQuery (if you haven't already) followed by advanced-read-more.js or advanced-read-more.min.js in the `<head>`

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/advanced-read-more.min.js"></script>

Initialize the plugin below the included scripts, like so:

<script type='text/javascript'>
    $('body').readMore();
</script>

Or with custom options...

<script type='text/javascript'>
    $('body').readMore({
        showLines: 5,
        linkCaption: 'expand...',
        linkCloseCaption: 'reduce...',
        linkHint: 'Click for more information'
    });
</script>

Live-Demo

You can find a more detailed introduction including demos for the script here:

http://whitworth.de/ReadMore/ReadMe.html

Update history

Version 1.1

Fixes:

Removed a misplaced placeholder item

New Features:

Added option linking.
Added several data-attributes.

Version 1.0.1

Fixes:

Changed the calculation of line-height to make it work in all browsers

Miscellaneous

If you're interested in my other plugins, like the scroll progress tracker used in the ReadMe.html, feel free to download them from GitHub or JSClasses.org:

https://github.com/Manostion http://www.jsclasses.org/browse/author/20883.html

Questions & Feedback

If you have any questions, notice any bugs, have issues getting the plugin to work, have an idea for a cool feature to be added, or would like to leave any other kind of feedback, feel free to contact me under David@Whitworth.de

Also, please, feel free to send me links to websites where you used this! =)