JSFiddle - React, Tailwind, and code Playground

by tprats108

HTML

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<div id="main">
  <div id="left1" class="element center">
    <a href="#" id="show">Show</a>
  </div>
  <div id="right1" class="element hidden">
    Text
  </div>
</div>

CSS

.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}

.element {
  width: 50%;
}

.hidden {
    display: none;
}

JavaScript

$(document).ready(function() {
  $("#show").click(function() {
    $("#left1").toggleClass("left center");
    $("#right1").toggleClass("right hidden");
  });
});