Jquery slider: move 2 sliders at the same time -

Jquery slider: move 2 sliders at the same time -

i'm trying set same actions on multiple jquery sliders.

i'm able alter value input @ same time, not button of slider.

class="snippet-code-js lang-js prettyprint-override">$(function() { $( ".slider" ).slider( { min: 3, max: 30, step: 1, value: 10, slide: function( event, ui ) { $( ".input" ).val( ui.value); } } ); }); class="snippet-code-css lang-css prettyprint-override">.slider { width: 100px; } class="snippet-code-html lang-html prettyprint-override"><link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <div class="slider"> </div> <div> <input type="text" class="input" readonly value="0"/> </div> <div class="slider"> </div> <div> <input type="text" class="input" readonly value="0"/> </div>

class="snippet-code-js lang-js prettyprint-override">$(function() { $( ".slider" ).slider({ min: 3, max: 30, step: 1, value: 10, slide: function( event, ui ) { $( ".input" ).val( ui.value); $(".slider").slider("value" , ui.value); } }); }); class="snippet-code-css lang-css prettyprint-override">.slider{ width: 100px; } class="snippet-code-html lang-html prettyprint-override"><link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <div class="slider"> </div> <div> <input type="text" class="input" readonly value="0"/> </div> <div class="slider"> </div> <div> <input type="text" class="input" readonly value="0"/> </div>

jquery