JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="a">
<button>click</button>
<p>my paragraph</p>
</div>

CSS

P{
display:none;
}

JavaScript

$(document).ready(function(){
$("button").click(function(){
$("p").fadeIn(1000,function(){
$("p").css({"color":"red"});
});
});
});