Ya que.toggle() estabaobsoleto En jQuery, estoy buscando una nueva solución simple que me permita crear un botón "Leer más" que desliza un párrafo hacia abajo mientras cambia el texto del botón a "Leer menos".

He reunido este código de trabajo:

var moreText = "Read more";
var lessText = "Read less";

$(document).ready(function () {
    $("a.readmorebtn").text(moreText);
    $("a.readmorebtn").toggle(function () {
        $("a.readmorebtn").text(lessText);
        $("p.more").slideToggle(0);
    },

    function () {
        $("a.readmorebtn").text(moreText);
        $("p.more").slideToggle(0);
    });
});

http://jsfiddle.net/approach/gDvyR/

Verás en el violín que 'Migrate 1.1.0' está marcado en las opciones de la izquierda, que es la única manera de hacer.toggle() trabaja de esta manera con esta versión (más nueva) de jQuery.

Mi pregunta es, ¿puedes pensar en otra forma de realizar la misma función pero sin usar.toggle() y migrar?

Le pido disculpas si siente que esta pregunta ha sido respondida en otra parte, pero sigo encontrando indicios de que las soluciones son "relativamente sencillas", sin ver realmente ningún enfoque definitivo. Desafortunadamente, ser nuevo en jQuery no me parece tan sencillo.

Muchas muchas gracias.