JSFiddle - React, Tailwind, and code Playground
by Nate Armstrong
HTML
<div class="nopadding" id="dfmExplore">
<div class="sortmenu collapse in show" id="dmfEx_sortmenu" style="overflow:hidden;">
<div id="dmfEx_sortfirst">
<div id="dmfEx_buttonrow"><button class="btn btn-primary" data-parent="#dmfEx_sortmenu" data-target="#dmfEx_ima" data-toggle="collapse" type="button">I Am A ...</button><span id="dmfEx_or">or</span><button class="btn btn-primary" data-parent="#dmfEx_sortmenu" data-target="#dmfEx_iwant" data-toggle="collapse" type="button">I Would Like ...</button></div>
<div class="collapse" id="dmfEx_ima">
<div class="first"><a class="btn" href="/node/44?mdl=73&mca=31&t=472" id="dmfEx_ima1">graduate with a bachelors degree</a></div>
<div><a class="btn" data-target="q" id="dmfEx_ima2">working adult</a></div>
<div><a class="btn" data-target="q" id="dmfEx_ima3">transfer or undergraduate student with some college</a></div>
<div><a class="btn" data-target="q" id="dmfEx_ima4">recent high school graduate (18-24 years old)</a></div>
<div class="last"><a class="btn" data-target="q" id="dmfEx_ima5">student in high school</a></div>
</div>
<div class="collapse" id="dmfEx_iwant">
<div class="first"><a class="btn" data-target="q" id="dmfEx_iwant1">a 100% online degree program</a></div>
<div><a class="btn" href="/node/44?mm=42&t=111" id="dmfEx_iwant2">weekday classes on campus</a></div>
<div><a class="btn" href="/node/44?mca=58&mm=42&t=476" id="dmfEx_iwant3">college classes before I graduate from high school</a></div>
<div><a class="btn" href="/node/44?mca=31&mm=56&t=486" id="dmfEx_iwant4">flexible college classes for working adults</a></div>
<div><a class="btn" href="/node/44?mdl=73&mca=31&t=472" id="dmfEx_iwant5">a master’s degree</a></div>
<div><a class="btn" data-target="q" id="dmfEx_iwant6">to talk with a representative</a></div>
</div>
<p id="dmfEx_cellbuffer"> </p>
</div>
<div class="notmoved" id="dmfEx_sortsecond">
<h4>Are you interested in:</h4>
<div class="interest dmfEx_ima2" id="dmfEx_interest-1">
<div...