JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://taitems.github.com/Aristo-jQuery-UI-Theme/css/Aristo/Aristo.css">
<div id="slider"></div>

<button>Go</button>

CSS

body {
    padding: 25px;    
}

#slider {
    margin-bottom: 25px;    
}

JavaScript

$(function() {
    
    var cnt = 0;
    
    $("#slider").slider({
        min: 0,
        max: 100,
        animate: true
    }).width(25);
    
    $("button").button().click(function(e) {
        cnt = (cnt === 0) ? 1 : 0;
        $("#slider").slider("value",cnt * 100);
        e.preventDefault(); 
    });
    
});