Accumulate related links

A jQuery plugin for web content

Download now View Demo

How it works

Read after is a link accumulator for those related links that you'd like to read, but want to finish reading the current article.

We've all been there. You're reading an article with an interesting "related link" to another article nested in the context of the current article. Do you carry on reading to later scroll back and find that link? Do you open a new tab, copy the link, then switch back to continue reading? Now you don't have to.

Read after is a jQuery plugin that can easily be implemented on any website.

Any link, or specified links (see options) within an article will get a little read after tab next to it. If the user clicks the "read after" tab a link will appear at the bottom of the current article.

For each link you want to read after the current article, just click the tab and they will accumulate directly at the bottom of the current article. So there's no need to scroll back up to look for that link

For a better feel for how the plugin works, view the demo page.

Example

Basic implementation

(function ($) {
  $().ready(function () {
    $('article').readafter();
  });
})(window.jQuery);

Options

Option Default Type Usage
readAfterText read after String text string for the readafter button.
disabledClass disabled String CSS Class applied once the button haas been clicked.
afterListTitle '' String Title of the created list.
links a String reference to the links in the article. For secific links change from gereric 'a' to a class name or data attribute.
newWindow true Boolean links to open in a new window. Urls that begin with # will default to not open in new window.
fadeSpeed 500 Number Speed of the fade once list has been added for the first time.
onBeforeBuildList empty Function Callback: happens before the list has been built for the first time.
onAfterBuildList empty Function Callback: happens after the list has been built for the first time and the fade is complete.
onAfterLink empty Function Callback: happens every time a link is added.