@@ -159,9 +159,21 @@ $(document).ready(function() {
});
$('.expandable-section').each(function(index) {
var $expandlink = $(this).find('a.expander');
var $ourexpandablesection = $(this);
$expandlink.on('click', function(event) {
$expandlink.fadeOut('slow');
$ourexpandablesection.find('.read-more').each(function(index) { $(this).click(); }); });
$ourexpandablesection.find('.read-more').each(function(index) { $(this).click(); });
// Don't laugh. I'm running this twice because the expandable
// sections are hidden by actually their text from the DOM and
// storing it in a closure, to be reinstated later. That means when
// the above ".find('.read-more')" runs it only finds the one
// top-level .read-more element because the children have been
// temporarily removed from the page. After this top-level element
// has been clicked to restore it's body, we can run this again and
// .find() the children elements. I suspect this may have worked in
// the past if there were multiple sections all at the top-level,
// rather than being nested under "Our Year in Review".