show-more.js

// find all the divs with the class name 'more', and hide them
$$('div.more').invoke('hide');
// "listen" for clicks on any link with the class name 'more', and respond...
$(document).on('click', 'a.more', function(evt, elm){
// first, stop any normal reaction, like scrolling back to the top of the browser window
  evt.stop();
  // starting from the link that was clicked, look up to its containing element...
  // then select the following div with the class name 'more', and if it's hidden, show it, or vice-versa
  elm.up().next('div.more').toggle();
  // toggle the text inside the link that was clicked
  elm.update((elm.innerText == 'more' ? 'less' : 'more'));
});