Javascript在桌面上工作，但在移动设备上不工作

我正在使用这段代码，它在桌面上工作得很好，但在手机上却不行

我在本页上使用它。当我在桌面上使用它时，它能正常工作，但当我在手机上试用它时，它背后的文字不会改变：你每月40美元的捐款可以为饥饿的孩子提供240顿饭/月

如何解决

<script>
  document.addEventListener('DOMContentLoaded', function() {
    jQuery(function($) {
      $('#give-donation-level-button-wrap > li:nth-child(1) > button').click(function() {
        $('.showclick').show();
        $('.showclick1').hide();
        $('.showclick2').hide();
        $('.showclick3').hide();
        $('.showclick4').hide();
        $('.showclick5').hide();
      });

      $('#give-donation-level-button-wrap > li:nth-child(2) > button').click(function() {
        $('.showclick1').show();
        $('.showclick').hide();
        $('.showclick2').hide();
        $('.showclick3').hide();
        $('.showclick4').hide();
        $('.showclick5').hide();
      });
      $('#give-donation-level-button-wrap > li:nth-child(3) > button').click(function() {
        $('.showclick2').show();
        $('.showclick').hide();
        $('.showclick1').hide();
        $('.showclick3').hide();
        $('.showclick4').hide();
        $('.showclick5').hide();
      });
      $('#give-donation-level-button-wrap > li:nth-child(4) > button').click(function() {
        $('.showclick3').show();
        $('.showclick').hide();
        $('.showclick1').hide();
        $('.showclick2').hide();
        $('.showclick4').hide();
        $('.showclick5').hide();
      });
      $('#give-donation-level-button-wrap > li:nth-child(6) > button').click(function() {
        $('.showclick5').show();
        $('.showclick').hide();
        $('.showclick1').hide();
        $('.showclick2').hide();
        $('.showclick3').hide();
        $('.showclick4').hide();
      });
      $('#give-donation-level-button-wrap > li:nth-child(5) > button').click(function() {
        $('.showclick4').show();
        $('.showclick').hide();
        $('.showclick1').hide();
        $('.showclick2').hide();
        $('.showclick3').hide();
        $('.showclick5').hide();
      });
    });
  });
</script>
<style>
  .clicktoshow {
    cursor: pointer;
  }
  
  .showclick {
    display: none;
  }
  
  .showclick1 {
    display: none;
  }
  
  .showclick3 {
    display: none;
  }
  
  .showclick4 {
    display: none;
  }
  
  .showclick5 {
    display: none;
  }
  
  .showhover {
    display: none;
  }
</style>

document.addEventListener（'DOMContentLoaded'，function（）{
jQuery（函数（$）{
$（“#捐赠级别按钮包装>第n个孩子（1）>按钮”）。单击（函数（）{
$（'.showclick'）.show（）；
$（'.showclick1'）.hide（）；
$（'.showclick2'）.hide（）；
$（'.showclick3'）.hide（）；
$（'.showclick4'）.hide（）；
$（'.showclick5'）.hide（）；
});
$（“#捐赠级别按钮包装>第n个孩子（2）>按钮”）。单击（函数（）{
$（'.showclick1'）.show（）；
$（'.showclick'）.hide（）；
$（'.showclick2'）.hide（）；
$（'.showclick3'）.hide（）；
$（'.showclick4'）.hide（）；
$（'.showclick5'）.hide（）；
});
$（“#捐赠级别按钮包装>第n个孩子（3）>按钮”）。单击（函数（）{
$（'.showclick2'）.show（）；
$（'.showclick'）.hide（）；
$（'.showclick1'）.hide（）；
$（'.showclick3'）.hide（）；
$（'.showclick4'）.hide（）；
$（'.showclick5'）.hide（）；
});
$（“#捐赠级别按钮包装>第n个孩子（4）>按钮”）。单击（函数（）{
$（'.showclick3'）.show（）；
$（'.showclick'）.hide（）；
$（'.showclick1'）.hide（）；
$（'.showclick2'）.hide（）；
$（'.showclick4'）.hide（）；
$（'.showclick5'）.hide（）；
});
$（“#捐赠级别按钮包装>第n个孩子（6）>按钮”）。单击（函数（）{
$（'.showclick5'）.show（）；
$（'.showclick'）.hide（）；
$（'.showclick1'）.hide（）；
$（'.showclick2'）.hide（）；
$（'.showclick3'）.hide（）；
$（'.showclick4'）.hide（）；
});
$（“#捐赠级别按钮包装>li:nth儿童（5）>按钮”）。单击（函数（）{
$（'.showclick4'）.show（）；
$（'.showclick'）.hide（）；
$（'.showclick1'）.hide（）；
$（'.showclick2'）.hide（）；
$（'.showclick3'）.hide（）；
$（'.showclick5'）.hide（）；
});
});
});
。单击显示{
光标：指针；
}
.showclick{
显示：无；
}
.显示单击1{
显示：无；
}
.显示单击3{
显示：无；
}
.显示点击4{
显示：无；
}
.显示点击5{
显示：无；
}
.showhover{
显示：无；
}