Question Adding jQuery to a page?

[Edward]

Hello. I'm learning Elementor & WordPress. How do I add the jQuery Ui according? I know there's already an accordion widget but I'm trying to learn how to use jQuery with Elementor & WordPress.

What I have done so far is:

• added wp_enqueue_script( 'jquery-ui-accordion' ); to my functions.php
• copied the sample html from jqueryui accordion page
• pasted it into an Elementor Custom html widget
• added to the bottom of the Custom HTML widget the jQuery snippet

<script>
jQuery(document).ready(function( $ ) {
    $( "#accordion" ).accordion();
});
</script>

But when I view the page you can see jQuery code and the jQuery accordion does not display. Also I'm not seeing enqueued jQuery accordion script loaded as a source file. I searched for a couple of hours and can't find an answer. Confused???