JSFiddle - React, Tailwind, and code Playground

by Erwin Hilario

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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() {

	}