如何组合2个javascript/jquery函数

说到Javascript/jquery，我还是个新手

我目前在Wordpress中有一个带有html列表的捐赠表格。 前3个选项仅为固定选项（5欧元、10欧元、15欧元），但最后一个

选项为

开放式
选项。单击最后一个
时，将显示一个隐藏的
输入
字段，用户可以在其中键入不同的值

使用Jquery，我需要以下两个函数：


第一个是在单击时将
设置为活动。当特定的
处于活动状态时，一个隐藏的
输入
字段将可见


第二个是删除
中单词的第一个x字符和最后一个x字符



以下是我目前使用的Jquery代码：

此选项适用于活动的
：

$(".donate-box ul li").click(function(){
  if (!$(this).hasClass("active")) {
    $("li.active").removeClass("active");
    $(this).addClass("active");
  }
});

这是一个字符：

$('.donate-box ul li').text(function (i,t) {
    return t.slice(0, -72);
    
});

$('.donate-box ul li').each(function() {
    var $th = $(this);
    $th.text( $th.text().substr(99) );
});

这两个代码是分开工作的，但是当我添加第二个代码（用于字符）时，第一个代码就不能正常工作了。单击时，
仍处于活动状态，但隐藏的
输入
字段不再显示。所以出了点问题

有人知道我做错了什么吗？
您正在单击事件中添加第二个代码，对吗？您需要包含HTML。看起来您在
li
中有不可见的输入。因此，当您使用
.text（…）
时，它会覆盖您不可见的输入，因此没有任何内容可显示。请共享您的HTML..您应该有一个外部字段。。比如说
中的一个，您将覆盖其文本，因为您当前的实现覆盖了
中的所有内容，比如@freedomn-msaidi将发布HTML，但它来自Wordpress中的一个插件。