read-more.js

(function () {


  [].slice.call(document.querySelectorAll('span.read-more'))
    .forEach(function (el, i) {
      el.onclick = function (e) {
        if (e.target.classList.contains('read-less')) { return; }
        var content = this.querySelector('span.read-more-content');
        var text = this.childNodes[0];
        text.textContent = '';
        content.style.display = 'inline';
        
        this.querySelector('span.read-less').addEventListener('click', function fold (e) {
          content.style.display = 'none';
          text.textContent = '... Read more';
          this.removeEventListener('click', fold);
        });
      };
    });

})();