Javascript可在桌面设备上使用，但不能在移动设备上使用

Question

我正在使用此代码，它可以完美地在台式机上运行，​​但不能在移动设备上运行。

我正在此页面上的https://impact.sevasearch.org/donate/上使用它。当我从台式机上使用它时，它正常工作，但是从移动设备上尝试时，其文字却没有改变：您每月$ 40.00的捐款可以为饥饿的孩子提供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>