jQuery将链接文本替换为显示和隐藏

我正在尝试使用jQuery将一些“显示更多”链接文本更改为“显示更少”，一旦相关内容被显示出来

我必须说明我迄今为止所做的工作。我还需要在单击“显示较少”链接时关闭内容

jQuery(function(){
    jQuery('.reveal_more').click(function(){
        jQuery('.box').hide();
        jQuery('#item-'+jQuery(this).attr('target')).show();
    });
});

我想知道是否有人能帮我

您可以使用设置锚元素的文本，并根据其文本值，使用

代码

---

谢谢萨帕尔。如果你点击一些“显示更多”链接，关闭项目的文本可能会返回到“显示更多”而不是保留“显示较少”的链接，这是可能的吗？完美。谢谢。：）

jQuery('.reveal_more').click(function(){
    jQuery('.box').hide();

    //Switch text              
    $(this).text(function(_, val){
        return val == "Show More" ? "Show Less" : "Show More"
    });

    //Toogle target element        
    jQuery('#item-'+jQuery(this).attr('target')).toggle($(this).text() == "Show Less");

});