$(document).ready(function() {
    var slicePoint = 0;
    var widow = 4;

    $('dl.expander dd').each(function() {
        var allText = $(this).html();
        var startText = allText.slice(0, slicePoint).replace(/\w+$/, '');
        var endText = allText.slice(startText.length);

        if (endText.replace(/\s+$/, '').split(' ').length > widow) {
            $(this).html([
                startText,
                '<span class="details">',
                endText,
                '<a href="#" class="hide-more">hide details...</a>',
                '</span>',
                '<a href="#" class="read-more">show details...</a>'
            ].join('')
        );
        }
    });

    // *** hide details until read-more link is clicked;
    // then hide link and show details.
    $('span.details').hide();

    $('a.read-more').click(function() {
        $(this).hide().prev('span.details').fadeIn();
        return false;
    });

    $('a.hide-more').click(function() {
        $(this).parent('span.details').hide();
        $(this).parent('span.details').next('a.read-more').show();
        return false;
    });
});