JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
   
    <script type="text/javascript" src="http://pastebin.com/raw.php?i=12fqKKBp"></script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/ui-lightness/jquery-ui.css" />
</head>
<body>
<div id="slider" style=""></div>
drag me in the middle!
</body>

JavaScript

$(function(){

// Slider
$('#slider').slider({
animate: true,
range: true,
rangeDrag: false,
values: [30, 70]        
});

});