From JsFiddle website to own website or Playground

Question

I found this gem of an example, and want to experiment with it. https://jsfiddle.net/SalixAlba/54Fb2/
I want to use components of it on a website, but I cant get it to work.
I unsuccessfully took the following actions.
1. Included JQuery library in head of html.
2. Wrapped the entire js in a JQuery equivalent of onload
Please help.

https://code.sololearn.com/WctOG0nZo5zE/?ref=app

Answer 1

Include this CDN in your code instead of default one.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

$(..).slider is a part of jQuery UI. For accessing that you have to include the another CDN, which is this one.
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css" />

Answer 2

Hi Louis I have updated my previous answer with a jQuery UI CSS CDN link. Can you please add that in your code and check if it's working?

Answer 3

Thanks Ranjan
I updated the code as you suggested
It works much better, but something is still missing with the slider.
Thanks

Answer 4

Thanks Ranjan you're a genius. Thanks for the assistance.