javascript - 使用 jQuery 单击时切换 .html 文本

Question

我正在尝试在我的网站上构建折叠展开功能。

我有以下内容，仅在尝试将“展开”文本更改为折叠时切换隐藏的 div，然后如果再次单击，则折叠>展开。

任何人都可以看到我做错了什么吗？

$('.coverage .expand').click(function(){
    $(this).parent().parent().find('.subitems').toggle('slow', function() {
        var togtit = $(this).parent().find('.expand');
        if((togtit).is('Expand')){
            togtit.html('Collapse')
        } else {
            togtit.html('Expand')
            }
    });
});

Answer 1

问题是您使用 .is()方法错误。您可以尝试以下方法:

$(this).parent().find(".expand").html(function(i, html) {
    return html === "Expand" ? "Collapse" : "Expand";
});