Accordion doesn´t work

Hello Elvin, I need your help please I am using this information to create an accordion, it worked fine, but some time later it stopped working on mobiles, I don’t know what happens and how to fix it, I have removed and placed it again, but it does not work.

I list all the code that I am using that was taken from the forum. # 1194173

All the Css is in the customizer, since I removed it from the stylesheet to review it.

CSS
.accordion-container {
display: none;
padding: 20px;
}
.accordion-container.toggle-open {
display: block;
}
.accordion-toggle {
cursor: pointer;
background-color: #f9f9f9;
}
h4.accordion-toggle {
font-size: 14px;
padding: 10px 20px;
margin-top: 10px;
margin-bottom: 0;
}

.accordion-toggle:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-right: 20px;
}

h4.accordion-toggle.toggle-open:after {
content: "\2212";
}

HTML
<h4 class="accordion-toggle">Add a Heading</h4>

jS a new Element: Hook = wp_footer

<script type="text/javascript">
jQuery(document).ready(function($) {
$('.accordion-toggle').click(function(){

//Expand or collapse this panel
$(this).next().slideToggle('fast');

//Hide the other panels
$(".accordion-container").not($(this).next()).slideUp('fast');

//Switch toggle
$('.accordion-toggle.toggle-open').not(this).removeClass('toggle-open');
$(this).toggleClass('toggle-open');
});
});
</script>

Create a new Snippit

add_action( 'wp_enqueue_scripts', 'tu_load_jquery' );
function tu_load_jquery() {
wp_enqueue_script( 'jquery' );
}

Thank you so much.