enabe/disable jquery ui components

Question

Я хочу включить/отключить слайдер при каждом нажатии кнопки.

вот fiddle:

<div id="points" style="width:50px; margin-top: 17px; height:5px "></div> 

<button id="lines" type="button" style="width:75px; height: 30px; margin-top:7px">lines</button> 

$(function() { 
    $("#points").slider({ 
     value: 100, 
     min: 1, 
     max: 100, 
     slide: function (event, ui) { 
     } 
    }); 
    $('.ui-slider').slider('disable'); 
    $('.ui-slider-handle').height(12); 
}); 

Answer 1

Добавьте это в скрипку

$("#lines").click(function() { 
    var disabled = $(".ui-slider").slider("option", "disabled"); 
    $('.ui-slider').slider("option", "disabled", !disabled); 
}); 

Answer 2

JQuery код:

$('#lines').click(function(){ 
    if($('.ui-slider').hasClass('ui-slider-disabled')) 
    $('.ui-slider').slider('enable'); 
    else 
    $('.ui-slider').slider('disable'); 
}); 

Обновлено скрипку: http://jsfiddle.net/D2RLR/4861/