Quiero agregar el enlace "mostrar más" (si se hace clic revelará el contenido que se ha recortado / ocultado) a mi párrafo solo si se pasa la cantidad X de caracteres.

Por ejemplo, establecí el mínimo en 120 caracteres, y el párrafo tiene solo 60, por lo tanto, no necesito agregar el enlace "mostrar más".

¿Cómo puedo resolverlo? El siguiente código funciona muy bien, pero se aplicará "mostrar más" a cualquier párrafo que tenga aunque sea menor que la cantidad X. ¿Qué debo hacer?

https://jsfiddle.net/vm0uj7fc/1/

    var charLimit = 122;

function truncate(el) {
  var clone = el.children().first(),
      originalContent = el.html(),
      text = clone.text();
  el.attr("data-originalContent", originalContent);
  clone.text(text.substring(0, charLimit) + "...")
  el.empty().append(clone);
}

function reveal(el) {
  el.html(el.attr("data-originalContent"));
}

$("a").on("click", function (e) {
  e.preventDefault();
  var truncateElement = $(this).parent().prev().find(".truncate");
  if ($(this).text() === "Read More") {
      $(this).text("Read Less");
      reveal(truncateElement);
  } else {
      $(this).text("Read More");
      truncate(truncateElement);
  }
});

$(".truncate").each(function () {
    truncate($(this));
});

recordar:

Necesito agregar dinámicamente "leer más" con (¿función de aplicación?)Verifique los caracteres y, si es menor, la cantidad máxima NO muestra leer másopcional, si alguien puede crear Javascript puro, esa sería la opción preferida, de lo contrario, estoy de acuerdo con una refactorización de código que comience desde mi código anterior