JSFiddle - React, Tailwind, and code Playground

by Zonicpl

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<section class="button">Snake_</section>

<p>
 Tutaj będzie zawartość...
</p>
 
<script>

CSS

p {
		width: 400px;
		display: none;
	}
  
	.button {
		display: inline-block;
		padding: 16px;
		background: #1C6090;
		font-size: 22px;
		color: #FFF;
		transition: all 0.2s; 
	}
	
	.view-display {
		display: block !important;
	}

JavaScript

$(document).ready(function() {
			$(".button").click(function() {	
				$("p").toggleClass("view-display", 500);
			});
});