Sidr not working on WordPress?

I’ve tested it on HTML5 alone and it works… now on to the issue

0
down vote
favorite
Well basically I’m trying to implement Sidr which is from here (https://www.berriart.com/sidr/)

I just want it work, I have added the scripts to function.php and even did alerts to test they were loading and running. Here’s how I added them.

add_action( 'wp_enqueue_scripts', 'blankslate_load_scripts' );
function blankslate_load_scripts()
{
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'Sidr', get_template_directory_uri() . '/js/jquery.sidr.min.js' );
wp_enqueue_script( 'Sidr-run', get_template_directory_uri() . '/js/jquery.run.min.js' );
wp_enqueue_style( 'sidr-css', get_stylesheet_directory_uri() . '/css/jquery.sidr.light.css' );
}

I’ve check in the inspector on chrome and I have confirmed its loading the scripts, I looked at the console and just saw it blank aside from it showing this

[cycle2] --c2 init--

The div displays, everything is there. The code itself to make the box slide in from the left to right is the only thing not working. I’m using the first basic demo he has on his page where it slides from the left side with the list of links.

At this point I’m beyond frustrated so that’s why I’m hoping someone here can find the issue.

the website I’m testing this on is (‘https://chocobento.x10.mx/wp/’)

Possibly the newest issue is I don’t know where to play the Run Script that initializes Sidr. I’ve tried putting it in functions.php but that doesn’t work so I just removed it.

Where do I place this code?

$(document).ready(function() {
  $('#simple-menu').sidr();
});