jQuery更复杂的toggle（）（禁用+ fadeIn）

Question

我的表格里面有一个div 我想在“检查”时禁用输入 并同时淡化0.3 div内的标签...
否则
   启用输入并同时淡化标签......

$("#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);

 }

}