jquery - チェックボックスの状態に応じてcssクラスを追加または削除するより効率的な方法はありますか？

Question

次のコードでif-elseステートメントを記述するより効率的なDRYerの方法はありますか？見栄えが悪いだけです。

var $diffPaymentAddressFieldset = $('fieldset.diffPaymentAddress', 'form.myForm');

// $checkbox is an input with type=checkbox
if ($checkbox.is(':checked') === true) { 
    $diffPaymentAddressFieldset.removeClass('hidden');
} else {
    $diffPaymentAddressFieldset.addClass('hidden');
}

（参考：長い変数名は無視してください。縮小されます。）

Answer 1

使用するtoggleClass()

$diffPaymentAddressFieldset.toggleClass('hidden', $checkbox.is(':checked'));

Answer 2

または、addClass / removeClassを使用したワンライナー？

$diffPaymentAddressFieldset[$checkbox.is(':checked')?'removeClass':'addClass']('hidden');

また、神のために、より短い変数名を使用してみてください？