Bootstrap change button color

Question

Hi I am using the script, which changes the "On" to "Off"

but I also want the button color to change so "btn-primary" to faded color.

using the "disabled" fades the color but makes the button unclickable.

<script>
$('.onbtn, .onbtn').click(function() {
    $(this).toggleClass('onbtn onbtn');
    var text = $(this).text();
    $(this).text(text == "On" ? "Off" : "On");
});
</script>

What would I have to change?

Answer 1

I just copied the style of the "disabled button" from bootstrap and edit it for this new class "faded".

  .faded {
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
  }

Is this how you want it ?