Как совместить 2 функции javascript / jquery

Question

Что касается Javascript / jquery, я все еще немного новичок ie.

В настоящее время у меня есть форма пожертвования со списком html в Wordpress. Первые 3 варианта являются просто фиксированными (5 евро, 10 евро, 15 евро), но последний вариант <li> - это вариант "open". При нажатии на последнюю <li> скрытое поле input показывает, где пользователь может ввести другое значение.

С Jquery мне нужны эти 2 функции:

• Первый - установить <li> активным при нажатии. Когда задан параметр c <li>, будет видно скрытое поле input.

• Второе поле - удаление первого символа x и последних символов x слова внутри <li>.

Это коды Jquery, которые я сейчас использую:

Этот код для активного <li>:

$(".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) );
});

Оба работают по отдельности, но когда я добавляю второй код (для символов), первый перестает работать должным образом. <li> по-прежнему становится активным при нажатии, но скрытое поле input больше не отображается. Так что что-то идет не так.

Кто-нибудь знает, что я делаю не так?

Заранее спасибо!