Спрятать часть длинного текста

Нашел рабочий скрипт, который выводит нужное количество слов, а все остальное скрывает.
Работает следующим образом:

<div class="comment more">
Тут длинный текст
</div>

<script type="text/javascript">
$(document).ready(function() {
    var showChar = 100;
var ellipsestext = "...";
    var moretext = "more";
    var lesstext = "less";
    $('.more').each(function() {
            var content = $(this).html();

            if(content.length > showChar) {

                    var c = content.substr(0, showChar);
                    var h = content.substr(showChar-1, content.length - showChar);

                    var html = c + '<span class="moreellipses">' + ellipsestext+ ' </span><span class="morecontent"><span>' + h + '</span>  <a href="" class="morelink">' + moretext + '</a></span>';

                    $(this).html(html);
            }

    });

    $(".morelink").click(function(){
            if($(this).hasClass("less")) {
                    $(this).removeClass("less");
                    $(this).html(moretext);
            } else {
                    $(this).addClass("less");
                    $(this).html(lesstext);
            }
            $(this).parent().prev().toggle();
            $(this).prev().toggle();
            return false;
    });
});
</script>

Данный скрипт работает, если внутри блока div будет простой текст, но если текст будет в теге <p> то работать не будет. Возможно данный скрипт можно подкорректировать, также можете поделиться скриптом, который работает с текстом в теге <p>. Заранее спасибо.