JSFiddle - React, Tailwind, and code Playground

by Shyam Mohan

HTML

<h4>
Click on button to toggle
</h4>
<div style="padding:10px;">
<button class="show btn">Show</button>
<button class="hide btn">Hide</button>

</div>
<div>
<input type="text" id="name" class="displayN"/>
</div>

CSS

.btn{
  padding:5px;
  border:1px solid;
}
.displayB{display:block}
.displayN{display:none}

JavaScript

$(document).ready(function(){

$(".show").click(function(){
	$("#name").addClass('displayB').removeClass("displayN");
});

$(".hide").click(function(){
	$("#name").addClass("displayN").removeClass("displayB");
})


});