JSFiddle - React, Tailwind, and code Playground

by Vasilii Chugunov

HTML

<button>Кнопка</button>
<div id="main">Текст</div>

CSS

.white {
  background-color: #fff;
}

JavaScript

$('button').click(function(){
	$('#main')
	.addClass('white')
  .html('Hello world!')
	.animate({
  	color: 'white',
    backgroundColor: '#777',
    marginTop: '20px',
    display: 'inline-block',
    marginLeft: '20px',
    padding: '20px',
    height: '300px'
  }, 2000, 'swing', function() {
  	$('#main')
    	.html('Вау вау вау')
      .css({
      	color: 'yellow'
      })
    
  });//объект
});