Анимировать высоту контейнера, добавить… к последнему слову в абзаце

У меня есть div.infotext с одним абзацем внутри. Я увеличиваю высоту этого div до 120 пикселей. Итак, ниже есть еще текст, который не показан, поскольку высота обрезает его.

При наведении курсора на этот div появляется весь текст.

Проблема, с которой я столкнулся, заключается в том, что нет индикатора того, что внутри этого абзаца больше текста. Я хотел бы добавить три точки (...) в конце последнего показанного слова и исчезнуть, когда я наведу курсор на div.

Есть идеи?

ОБНОВЛЕНИЕ: Добавлен код.

function enableHoverQuotes(){

var height3 = $('.c2244').height();
$('.introtext').css({ height: '107px', overflow: 'hidden' });

$(".introtext").hoverIntent(showInfoText,hideInfoText);

function showInfoText(){ $(this).animate({'height':height3}, 600); }
function hideInfoText(){ $(this).animate({'height':'107'}, 600); }

}