javascript - jQuery 弃用 '.toggle()' 。寻求替代方法

Question

因为 .toggle() 是 deprecated从 jQuery 中，我正在寻找一个新的简单解决方案，它使我能够创建一个“阅​​读更多”按钮，该按钮向下滑动一段，同时将按钮文本更改为“少读”。

我整理了这段工作代码:

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/

您会在 fiddle 中看到左侧选项中选中了“迁移 1.1.0”，这是使 .toggle() 以这种方式工作的唯一方法(最新)版本的 jQuery。

我的问题是，您能想到另一种执行相同功能但不使用 .toggle() 和 Migrate 的方法吗？

如果您觉得这个问题已在其他地方得到解答，我们深表歉意，但我一直在寻找变通办法“相对简单”的线索，但并未真正看到任何明确的方法。不幸的是，作为 jQuery 的新手，它对我来说似乎并不那么直接!

非常非常感谢。

Answer 1

我个人认为这里的所有答案都过于详尽，无法满足您的需求。这应该可以很好地解决问题，并且可以多次出现。 http://jsfiddle.net/BramVanroy/gDvyR/5/

var moreText = "Read more",
    lessText = "Read less",
    moreButton = $("a.readmorebtn");

moreButton.click(function () {
    var $this = $(this);
    $this.text($this.text() == moreText ? lessText : moreText);
    $this.next("p.more").slideToggle("fast");
});