Button jquery onclick change text and effect

After clicking on button text and style of the button is changing on this example.....

by ian_smithz

HTML

<button class='btn btn-success pushme2'>PUSH ME</button> 
    
     <button class='btn btn-success pushme2'>PUSH ME</button> 


    
    

    <button class='btn btn-success pushme2 with-color'>PUSH ME</button>

JavaScript

$(document).ready(function(){


    
    $(".pushme-with-color").click(function () {
       $(this).text("DON'T PUSH ME");
       $(this).addClass("btn-danger");
       $(this).removeClass("btn-warning");
    });
    
    $(".with-color").click(function () {    
       if($(this).hasClass("btn-warning"))
       {
       		$(this).addClass("btn-danger");
       		$(this).removeClass("btn-warning");
       }
       else{
       		$(this).addClass("btn-warning");
       		$(this).removeClass("btn-danger");
       }
    });

    $(".pushme2").click(function(){
		$(this).text(function(i, v){
		   return v === 'PUSH ME' ? 'PULL ME' : 'PUSH ME'
		});
    });
});