Javascript jQuery 1.9.1中的切换脚本

我刚刚将一个站点升级到1.9.1，下面的scipt不再工作：

脚本

$(document).ready(function(){
    $("#button").toggle(function() {
        $(this).text('Hide content');
    }, function() {
        $(this).text('Show content');
    });
    $('#button').click(function(){
       $("#content_div").slideToggle("medium");
    });
});

HTML

<a href="#" id="button">Show content</a>

我不太擅长jQuery，所以我希望有人能帮助我编写这个脚本，如果答案中包含对解决方案的解释（尝试学习jQuery），我将不胜感激

谢谢

有各种各样的方法来处理这个问题。一种是简单地在内部跟踪对象的单击状态

$("#button").on('click', function () {
    if ($(this).data('clicked')) {
        //functionality state 2
    }
    else {
        //functionality state 1
    }
    $(this).data('clicked', function (_, data) { return !data; });
});

---

您甚至可以使用整数和模来管理两个以上的状态。

我认为下面提供了您想要的全部功能。这对我来说是不言自明的，但话说回来，这是我写的哈哈。因此，请让我知道它是否有意义，是否能满足您的需要：）

---

你的切换参数没有意义（）你想用切换来完成什么？单击按钮#按钮时#content_div slideToggle，按钮中的文本“Show content”变为“Hide content”。除非您使用的库需要jQuery 1.9.1，否则真的不需要升级…站点中还有其他jQuery功能，最好保持站点和代码的更新。好的，我明白了。但是如何实现这个代码呢？文本切换脚本处于一种状态，幻灯片切换处于另一种状态？@Wobot-sure。。你可以绑定两个不同的点击事件。我理解你的意思，但不能让它正常工作。我将.toggle（函数）部分置于一种状态，将.slideToggle部分置于另一种状态。没有任何方式比我现在的脚本更相似吗？@Wobot切换和幻灯片部分不适用于单独的状态；此绑定用于处理两种切换状态。幻灯片回调与所有that@RCNeil我不确定。实际上，过去有两个不同的

.toggle（）

函数，这可能会让人混淆，可能是不推荐使用的原因。是仍然有效的版本。（这是不推荐的一个）。知道这一点太棒了！我不知道还有一个功能性的，也许我仍然可以用它来满足我的目的。谢谢

$(document).ready(function(){
        $('#button').click(function(){
            var txt = "Show Content";
            if ($("#button").html()==txt)
            {
                txt = "Hide content";
            }
            $("#button").html(txt);


            $("#content_div").slideToggle("medium");
        });
    });