HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input class="default-btn" type="button" value="Нажми" id="w007_button">
CSS
.default-btn {
cursor: pointer;
font-size: 16px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 40px;
padding: 0 36px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: color .3s, background .3s, box-shadow .3s;
-webkit-transition: color .3s, background .3s, -webkit-box-shadow .3s;
-o-transition: color .3s, background .3s, box-shadow .3s;
transition: color .3s, background .3s, -webkit-box-shadow .3s;
transition: color .3s, background .3s, box-shadow .3s;
transition: color .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s;
text-align: center;
text-decoration: none;
white-space: nowrap;
color: #fff;
border-radius: 30px;
background: #222;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
JS
$ = jQuery;
// Toggle Click
jQuery.fn.toggleClick = function (a, b) {
return this.on("click", function (ev) {
[b, a][(this.$_io ^= 1)].call(this, ev);
});
};
$(function () {
$("#w007_button").toggleClick(
function () {
$(this).val("выполнена 1я команда");
},
function () {
$(this).val("выполнена 2я команда");
}
);
});
И смотрим что получилось