title: How do i add and remove classes in Knockout
body: <p>How do I achieve this piece of code with KnockoutJS, is it even possible? </p>
  
  <pre><code>$(document).on("click", 'input.effect', function () {
          var effect = $(this).val();
          if(effect == "max-height") {
              $(".nav-container nav").removeClass("opacity");
              $(".nav-container nav").addClass("max-height");
          } else if(effect == "opacity") {
              $(".nav-container nav").removeClass("max-height");
              $(".nav-container nav").addClass("opacity");
          }
      });
  </code></pre>