JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<div class="sec-c">
		<p>Click on me</p>
		<p>One method example</p>
		<p>Click On the paragraph to increase size</p>
	</div>
</div>

CSS

.container{background:#5AB0A6;border:2px solid grey;padding:40px 0px;}
	.container .sec-c{margin:0 auto;max-width:800px;}

JavaScript

$(document).ready(function(){
    $("p").one("click", function(){
        $(this).animate({fontSize: "+=7px"});
    });
});