jquery-animate - jQuery 一个更复杂的 toggle() (disable+fadeIn)

Question

我有一个里面有一个 div 的表单。
我想在“选中”时禁用输入
并同时淡入 0.3 div 内的标签...
否则
启用输入并同时淡入 1 标签...

$("#toggleElement").click(function() {
if ($("#toggleElement").is(":checked")) {
     $('#elementsToOperateOn :input').removeAttr('disabled');

     $("#elementsToOperateOn").fadeTo("slow", 0.99);
  } else {
    $('#elementsToOperateOn :input').attr('disabled', true);
    $('#elementsToOperateOn :input').attr('checked', false);
    $('#elementsToOperateOn :input').attr('value', '');

    $("#elementsToOperateOn").fadeTo("slow", 0.33);
  }
});

Answer 1

好的，我发现它对我有用，如下所示

function toggleStatus() {
if ($('#toggleElement').is(':checked')) {
     $('#elementsToOperateOn :input').removeAttr('disabled');
    $('#elementsToOperateOn').fadeTo('slow', 1);

} else {
    $('#elementsToOperateOn :input').attr('disabled', true);
    $('#elementsToOperateOn :input').attr('checked', false);
    $('#elementsToOperateOn :input').attr('value', '');
    $('#elementsToOperateOn').fadeTo('slow', 0.4);

 }

}