JSFiddle - React, Tailwind, and code Playground
by Joshua Dwire
HTML
<!DOCTYPE html>
<html>
<head></head>
<body>
<a id="x" href="#" style="position:fixed; top:0; right:10px;">Switch</a>
<div id="a">
<p>Nisi integer lundium aliquet, natoque, pulvinar. A augue duis et aenean velit! Natoque sociis amet aliquet sagittis proin! Et platea et! Magna facilisis hac, proin turpis, nisi amet, in pulvinar, non odio turpis magna est nisi a pellentesque, mattis pid? Velit vel, purus tortor, hac cursus arcu cum? Enim arcu sociis dis, proin pulvinar dis, porta ac, urna. Lectus purus. Sit, porttitor proin sociis ultricies lorem turpis scelerisque? Ridiculus sed porttitor scelerisque cum in amet hac, elementum pulvinar in, facilisis, sit mattis augue diam? Magna! Urna elementum in? Ridiculus? Augue. Proin, porttitor mid in, arcu? Cursus mauris ultrices porttitor in dolor amet, dictumst facilisis tristique ultricies penatibus sit, tristique quis. Nunc integer, velit! Cursus tincidunt magna? Hac lorem dolor rhoncus. Nec est, eu tincidunt hac amet, lundium tristique elementum eu lundium natoque montes, penatibus mauris! Urna sit augue nascetur sit proin amet velit vel? Eros odio sit. Enim augue ac urna in turpis! Et porta ultricies? Lundium lacus nunc elementum, odio dis ut rhoncus ut! Mauris dapibus proin? Quis, odio vel, tempor aliquam hac. Auctor in, elit quis auctor integer, scelerisque amet, vut sit penatibus phasellus integer, ut nascetur! Ut porta, placerat? Ut augue ac scelerisque ultrices amet elementum eu.</p>
</div>
<div id="b" style="display:none;">
<p>Tortor amet vel rhoncus tempor vel duis, cras amet ut ac enim, placerat porta, ac pid tristique egestas diam scelerisque. Scelerisque! Urna vel nec, risus turpis ut pid dolor ac eu, hac. In penatibus habitasse, porta, aliquet cum rhoncus, facilisis, scelerisque nunc, dictumst nec dictumst, turpis vut platea! Dolor integer in mattis odio nunc mauris turpis adipiscing massa sed placerat, tempor augue. Etiam integer ac, elit, amet vut magna, tincidunt, habitasse...