$(document).ready(
    function() {
        $("[abbreviateafter]").each(function() { AbbreviateAfter(this); });
    }
);
    AbbreviateAfter = function(elem) {
        s = $(elem).html();
        l = s.length;
        m = $(elem).attr("abbreviateafter");
        if (l > parseInt(m)) {
            b = s.substring(0, parseInt(m));
            a = s.substring(parseInt(m));
            $(elem).html(b);
            li = document.createElement("a");
            $(li).html($(elem).attr("abbreviatedhtml"));
            $(li).attr("fulltext", s);
            li.className = "Abbreviater";
            $(li).click(
                        function() {
                            $(this).parent().html(
                                $(this).attr("fulltext") + 
                                "<a href=\"javascript:void(0);\" class=\"Abbreviater\" style=\"display:block;\" onclick=\"$(this).css('display', 'none'); AbbreviateAfter($(this).parent());\">" +
                                $(this).parent().attr("expandedhtml") +
                                "</a>"
                            );
                        }
                    );
            $(elem).append(li);
        }
    }