knockout.js - カスタム バインディングが false に設定されている場合、Knockout.js が表示を none に設定するのはなぜですか

Question

私は次のhtmlを持っています:

<span class="buttonSpan" id="btnComplete" data-bind="click: completePage, btnEnabled: isBtnCompleteEnabled">complete</span>  

そして、ここに私のビューモデルからの力があります:

ko.bindingHandlers.btnEnabled = {
  init: function (element, valueAccessor) {
     var value = valueAccessor();
     $(element).toggle(ko.utils.unwrapObservable(value));
   },
   update: function (element, valueAccessor) {
      var value = valueAccessor();
      ko.utils.unwrapObservable(value) ? $(element).removeClass("buttonDisabled") :                 
       $(element).addClass("buttonDisabled");
    }
 };

 self.isBtnCompleteEnabled = ko.observable(false);

この時点で CSS が行うことは、スパンの色を変更することだけです。

これが起こる原因は何ですか？

ありがとう