JSFiddle - React, Tailwind, and code Playground

by chayacooper

HTML

<div id="first" class="tab" >     <div class="tabtxt">         <a>DETAILS</a>     </div> </div> <div class="tab" id="second">     <div class="tabtxt">         <a>INSPIRATION</a>     </div> </div> <div class="tab" id="third" style="display:none">     <div class="tabtxt">         <a>NOTES</a>     </div> </div>  <div class="boxholder">     <div style="overflow: hidden; display:block" class="box" id="box1">         <div style="padding: 10px; line-height:16px">             %%Panel.ProductDescription%%         </div>     </div>     <div style="overflow: hidden; display:none" class="box" id="box2">         <div style="padding: 10px; line-height:16px">             %%Panel.ProductWarranty%%         </div>     </div>     <div style="overflow: hidden; display:none" class="box" id="box3">         <div style="padding: 10px; line-height:16px">             %%Panel.UPC%%         </div>     </div> </div>

JavaScript

$(document).ready(function(){    if ($("#box3").text().length > 0) {      $('#third').show();    }                                             });