切换div时更改文本

使用 .text() 替换 div .

试试看:

$(document).ready(function(){
  $(".content").hide();
  $(".toggle").on("click", function(){   
      $(this).next('.content').slideToggle(200);
      $(this).text($(this).text() == 'More Information' ? 'Less Information' : 'More Information');
    });
});

JSFiddle Demo

更新

您也可以使用 :visible 检查内容是否可见,并相应地更改文本。

$(document).ready(function () {
    $(".content").hide();
    $(".toggle").on("click", function () {
        var txt = $(".content").is(':visible') ? 'More Information' : 'Less Information';
        $(".toggle").text(txt);
        $(this).next('.content').slideToggle(200);
    });
});

JSFiddle Demo

可以这样做: 演示 http://jsfiddle.net/f1dmhf0d/

• 应用程序编程接口: .prev - http://api.jquery.com/prev/
• 或者可以对此进行调查: http://api.jquery.com/next-siblings-selector/

细节 安全地假设您的内容高于“更多信息”,您可以遍历dom并使用 :visible flag aa=根据使用 .text

希望休息能满足你的需要。 :)

密码

$(document).ready(function () {
    $(".content").hide();

    $(".toggle").on("click", function (e) {

        var $this = $(this).prev('.content');
        var $text = $(this);
        $this.slideToggle('slow', function () {
            if ($(this).is(':visible')) {
                $text.text('less info');
            } else {
                $text.text('more info');
            }
        });

    });
});