JSFiddle - React, Tailwind, and code Playground

by Ace Tributon

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<button id="myelement">Toggle</button>
<p id="another-element">
  This is the paragraph to end all paragraphs.  You
  should feel <em>lucky</em> to have seen such a paragraph in
  your life.  Congratulations!
</p>

JavaScript

$("#myelement").click(function() {     
    if($('#another-element:visible').length){
        $('#another-element').slideRight(1000);
        $('#another-element').html('Im running away!');
    }else{
        $('#another-element').slideLeft(1000);
				$('#another-element').html('Okay I am back!');       
		}
});