Требуется помощь в изменении следующего JavaScript, чтобы он не добавлялся, если высота меньше или равна 75 пикселей

Question

У меня есть функция JavaScript, которая добавляет кнопку «больше» к элементу div, который больше, чем 75 пикселей, поэтому, если читатель хочет прочитать больше, он может нажать кнопку «еще», и элемент div развернется до полного размера , Проблема, с которой я сталкиваюсь, заключается в том, что она добавляет кнопку «больше», даже если div равен или меньше 75px по высоте.

Так что теперь мне нужна помощь в изменении этого скрипта, чтобы он не добавлялся <p class="continued">[…]</p><a href="#" class="adjust"></a>, когда div меньше или равен 75px, но если он выше, чем кнопка «more».

Есть идеи? Спасибо))

$(function(){var adjustheight=75;
var moreText="↓ More";
var lessText="↑ Less";
$(".more-less .more-block").css('height',adjustheight).css('overflow','hidden');
$(".more-less").append('<p class="continued">[…]</p><a href="#" class="adjust"></a>');
$("a.adjust").text(moreText);
$(".adjust").toggle(function(){$(this).parents("div:first").find(".more-block").css('height','auto').css('overflow','visible').slideDown("slow");
$(this).parents("div:first").find("p.continued").css('display','none');
$(this).text(lessText)},function(){$(this).parents("div:first").find(".more-block").css('height',adjustheight).css('overflow','hidden');$(this).parents("div:first").find("p.continued").css('display','block');$(this).text(moreText)})
}); 

Answer 1

Попробуйте это: http://jsfiddle.net/mv7RU/2/

$(function() {
    var adjustheight = 75;
    var moreText = "↓ More";
    var lessText = "↑ Less";
    $(".more-less").each(function() {
        if ($(this).height() > adjustheight ) {
            $(this).append('<p class="continued">[…]</p><a href="#" class="adjust"></a>');
        }
    });
    $(".more-less .more-block").css('height', adjustheight).css('overflow', 'hidden');


    $("a.adjust").text(moreText);
    $(".adjust").toggle(function() {
        $(this).parents("div:first").find(".more-block").css('height', 'auto').css('overflow', 'visible').slideDown("slow");
        $(this).parents("div:first").find("p.continued").css('display', 'none');
        $(this).text(lessText)
    }, function() {
        $(this).parents("div:first").find(".more-block").css('height', adjustheight).css('overflow', 'hidden');
        $(this).parents("div:first").find("p.continued").css('display', 'block');
        $(this).text(moreText)
    })
});