JSFiddle - React, Tailwind, and code Playground

by Erwin Hilario

HTML

<div class="cs_signUp" onclick="showError(); detectDisplay();">Sign up &raquo; error </div>
	<div class="cs_signUp" onclick="showThanks(); detectDisplay();">Sign up &raquo; success </div>
	<br/>
	<div class="cs_success">
		<div>Thank you for signing up!</div>
	</div>
	<div class="cs_error">
		<div>Invalid input! Please try again!</div>
	</div>

CSS

.cs_error {	display: none; }
	.cs_success { display: none; }

JavaScript

function showError() {
		$(".cs_success").css("display","none");
		$(".cs_error").css("display","block");
	}

	function showThanks() {
		$(".cs_error").css("display","none");
		$(".cs_success").css("display","block");
	}

	function detectDisplay() {
		
	}