JSFiddle - React, Tailwind, and code Playground

by bridget_kilgallon

HTML

<div id="left">
<a href="#1">This link loads div1</a><br />
<a href="#2">This link loads div2</a><br />
<a href="#3">This link loads div3</a><br />
</div>

<div id="1" class="right">
Here is the info for div 1 which slides
</div>
<div id="2" class="right">
Here is the info for div 2 which slides
</div>
<div id="3" class="right">
Here is the info for div 3 which slides
</div>

CSS

#left {float:left; width:200px;}
.right {display:none;}